#667EE1｜カラーサイト.com

#667EE1 の色情報

#667EE1

画像
HEX	#667EE1
RGB	R:102 G:126 B:225
RGBの割合	R:40.0% G:49.4% B:88.2%
HSV	H:228.3 S:54.7 V:88.2
HSL	H:228.3 S:67.2 L:64.1
CMY	C:60.0 M:50.6 Y:11.8

CMYK	C:54.7 M:44.0 Y:0.0 K:11.8
YCbCr	Y:127.8 Cb:175.0 Cr:110.4
XYZ	X:26.5 Y:23.2 Z:74.3
xyY	x:0.214 y:0.187 Y:23.2

CIE Lab	L:55.3 a:19.6 b*:-53.2
CIE LCh	L:55.3 C:56.7 h:290.2
CIE Luv	L:55.3 u:-14.5 v*:-85.5
Hunter Lab	L:48.1 a:14.1 b:-57.8

#667EE1 の色相別色一覧

#E16D66

#E18C66

#E1AA66

#E1C966

#DAE166

#BCE166

#9DE166

#7EE166

#66E16D

#66E18C

#66E1AA

#66E1C9

#66DAE1

#66BCE1

#669DE1

#667EE1

#6D66E1

#8C66E1

#AA66E1

#C966E1

#E166DA

#E166BC

#E1669D

#E1667E

#667EE1 の彩度別色一覧

#D7D9E1

#CBCFE1

#C0C6E1

#B5BDE1

#AAB4E1

#9EABE1

#93A2E1

#8899E1

#7D90E1

#7187E1

#667EE1

#5B75E1

#506CE1

#4463E1

#395AE1

#2E51E1

#2348E1

#173FE1

#0C36E1

#012DE1

#667EE1 の明度別色一覧

#040508

#0A0C15

#0F1322

#151A2F

#1B213B

#212848

#262F55

#2C3762

#323E6E

#38457B

#3E4C88

#435395

#495AA1

#4F61AE

#5569BB

#5A70C8

#6077D4

#667EE1

#6C85EE

#728CFB

#667EE1 を使ったトーンオントーン

#364873

#677CB0

#171A52

#383B8F

#667EE1

#495075

#7C8EC7

#667EE1

#1E2447

#5262A1

#213169

#2D3499

#667EE1

#1D2A5C

#7D88C2

#667EE1 を使ったトーンイントーン

#9FC86E

#79E4CB

#CD59BD

#FBA66D

#667EE1

#B6EE78

#D975DC

#667EE1

#5EC8B1

#E48273

#7BDE9B

#667EE1

#EB6653

#E0F384

#E27CE9

#667EE1 を使ったカマイユ

#778EDC

#707ED2

#667EE1

#5362D4

#677CE9

#778AE4

#7486F0

#6979D9

#667EE1

#8294F3

#839FF5

#667EE1

#6180F5

#6471CA

#5F76F0

#667EE1 を使ったフォカマイユ

#7796CD

#667EE1

#689CF0

#5F99E6

#7C85F5

#7B96D7

#706AF5

#565AC8

#667EE1

#7C75F3

#4D7ABB

#667EE1

#5391F8

#4856BB

#6980C5

#667EE1 を使ったドミナントカラー

#7188EB

#667EE1

#0C3AF7

#263678

#737785

#999FBA

#5669B8

#667EE1

#96A5E3

#808AB0

#1D2752

#667EE1

#747DA3

#516FED

#21306B

#667EE1 を使ったトライアド

#667EE1

#E1667E

#7EE166

#667EE1 を使ったスプリットコンプリメンタリー

#D0E166

#667EE1

#E1A066

#667EE1 を使ったテトラード

#667EE1

#E166BC

#E1C966

#66E18C

#667EE1 を使ったコントラスト

#667EE1

#E1C966

#667EE1

#D7D9E1

#667EE1

#2E3966

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

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

#667EE1

#667EE1 の色情報

#667EE1 の色相別色一覧

#667EE1 の彩度別色一覧

#667EE1 の明度別色一覧

#667EE1 を使ったトーンオントーン

#667EE1 を使ったトーンイントーン

#667EE1 を使ったカマイユ

#667EE1 を使ったフォカマイユ

#667EE1 を使ったドミナントカラー

#667EE1 を使ったトライアド

#667EE1 を使ったスプリットコンプリメンタリー

#667EE1 を使ったテトラード

#667EE1 を使ったコントラスト