#646CA1｜カラーサイト.com

#646CA1 の色情報

#646CA1

画像
HEX	#646CA1
RGB	R:100 G:108 B:161
RGBの割合	R:39.2% G:42.4% B:63.1%
HSV	H:232.1 S:37.9 V:63.1
HSL	H:232.1 S:24.5 L:51.2
CMY	C:60.8 M:57.6 Y:36.9

CMYK	C:37.9 M:32.9 Y:0.0 K:36.9
YCbCr	Y:111.9 Cb:152.5 Cr:120.7
XYZ	X:17.1 Y:16.0 Z:35.9
xyY	x:0.247 y:0.232 Y:16.0

CIE Lab	L:47.0 a:10.5 b*:-29.6
CIE LCh	L:47.0 C:31.4 h:289.5
CIE Luv	L:47.0 u:-6.7 v*:-44.9
Hunter Lab	L:40.0 a:6.1 b:-25.2

#646CA1 の色相別色一覧

#A16B64

#A17B64

#A18A64

#A19964

#9AA164

#8BA164

#7BA164

#6CA164

#64A16B

#64A17B

#64A18A

#64A199

#649AA1

#648BA1

#647BA1

#646CA1

#6B64A1

#7B64A1

#8A64A1

#9964A1

#A1649A

#A1648B

#A1647B

#A1646C

#646CA1 の彩度別色一覧

#9C9DA1

#9496A1

#8C8FA1

#8488A1

#7C81A1

#747AA1

#6C73A1

#646CA1

#5C65A1

#545EA1

#4C57A1

#4450A1

#3C49A1

#3442A1

#2C3BA1

#2434A1

#1C2DA1

#1426A1

#0B1FA1

#0318A1

#646CA1 の明度別色一覧

#050508

#0D0E15

#151622

#1D1F2E

#25283B

#2D3048

#343955

#3C4161

#444A6E

#4C527B

#545B88

#5C6394

#646CA1

#6C75AE

#747DBB

#7C86C7

#848ED4

#8C97E1

#949FEE

#9BA8FA

#646CA1 を使ったトーンオントーン

#646CA1

#9091E8

#4E5980

#292C4F

#8C94C4

#A3A4F2

#646CA1

#3B4580

#7E80C2

#2F3045

#9B9DD4

#C9CDF5

#354573

#646CA1

#393F57

#646CA1 を使ったトーンイントーン

#A45798

#72885E

#64A48D

#B59276

#646CA1

#58A474

#90A95B

#8D695E

#646CA1

#B26CB3

#927A69

#646CA1

#759951

#509480

#AB6E9E

#646CA1 を使ったカマイユ

#505C99

#586397

#586288

#646CA1

#6D7597

#646CA1

#525B8F

#646DB5

#505B94

#505592

#646CA1

#59618D

#60658F

#7175AB

#616FA4

#646CA1 を使ったフォカマイユ

#918AC5

#5757B5

#4D5282

#646CA1

#4B558A

#646CA1

#5D608D

#5C698D

#7384AB

#5D5E7B

#545085

#6F7994

#5D687B

#646CA1

#596E97

#646CA1 を使ったドミナントカラー

#646CA1

#464C73

#1A2673

#28379E

#20264F

#646CA1

#31354D

#6C7BE0

#8A8DA1

#0F1538

#2235B3

#646CA1

#D4D9FA

#34374A

#636570

#646CA1 を使ったトライアド

#646CA1

#A1646C

#6CA164

#646CA1 を使ったスプリットコンプリメンタリー

#95A164

#646CA1

#A18564

#646CA1 を使ったテトラード

#646CA1

#A1648B

#A19964

#64A17B

#646CA1 を使ったコントラスト

#646CA1

#A19964

#646CA1

#1426A1

#646CA1

#9EABFF

#646CA1の色見本やRGB、HSVなどの詳しい色情報を見ることができます。

#646CA1の色相や彩度を変えたときの配色なども一覧で表示します。

#646CA1

#646CA1 の色情報

#646CA1 の色相別色一覧

#646CA1 の彩度別色一覧

#646CA1 の明度別色一覧

#646CA1 を使ったトーンオントーン

#646CA1 を使ったトーンイントーン

#646CA1 を使ったカマイユ

#646CA1 を使ったフォカマイユ

#646CA1 を使ったドミナントカラー

#646CA1 を使ったトライアド

#646CA1 を使ったスプリットコンプリメンタリー

#646CA1 を使ったテトラード

#646CA1 を使ったコントラスト