#669EE2｜カラーサイト.com

#669EE2 の色情報

#669EE2

画像
HEX	#669EE2
RGB	R:102 G:158 B:226
RGBの割合	R:40.0% G:62.0% B:88.6%
HSV	H:212.9 S:54.9 V:88.6
HSL	H:212.9 S:68.1 L:64.3
CMY	C:60.0 M:38.0 Y:11.4

CMYK	C:54.9 M:30.1 Y:0.0 K:11.4
YCbCr	Y:144.0 Cb:166.1 Cr:98.6
XYZ	X:31.4 Y:32.8 Z:76.6
xyY	x:0.223 y:0.233 Y:32.8

CIE Lab	L:64.0 a:1.1 b*:-40.0
CIE LCh	L:64.0 C:40.0 h:271.5
CIE Luv	L:64.0 u:-25.7 v*:-63.7
Hunter Lab	L:57.2 a:-2.2 b:-39.3

#669EE2 の色相別色一覧

#E26C66

#E28B66

#E2AA66

#E2C966

#DCE266

#BDE266

#9EE266

#7FE266

#66E26C

#66E28B

#66E2AA

#66E2C9

#66DCE2

#66BDE2

#669EE2

#667FE2

#6C66E2

#8B66E2

#AA66E2

#C966E2

#E266DC

#E266BD

#E2669E

#E2667F

#669EE2 の彩度別色一覧

#D7DCE2

#CCD6E2

#C0D0E2

#B5C9E2

#AAC3E2

#9FBDE2

#93B7E2

#88B1E2

#7DAAE2

#71A4E2

#669EE2

#5B98E2

#4F92E2

#448BE2

#3985E2

#2E7FE2

#2279E2

#1773E2

#0C6CE2

#0066E2

#669EE2 の明度別色一覧

#040609

#0A0F16

#101823

#152130

#1B2A3C

#213349

#273C56

#2C4563

#324E6F

#38577C

#3E6089

#436996

#4971A2

#4F7AAF

#5583BC

#5A8CC9

#6095D5

#669EE2

#6CA7EF

#72B0FC

#669EE2 を使ったトーンオントーン

#31476B

#2E4B8C

#669EE2

#4E8CB5

#304557

#5F7F9C

#748BC4

#335469

#669EE2

#324257

#2C3F4F

#669EE2

#5A7C96

#427EC7

#234569

#669EE2 を使ったトーンイントーン

#70D392

#C9655F

#DDFC62

#CD67DA

#669EE2

#D0BA4B

#B065CE

#D3637F

#76D56D

#BCCE48

#669EE2

#BD4FDF

#7AF4B7

#EA6265

#669EE2 を使ったカマイユ

#56A1E7

#6388C9

#4C8BCE

#669EE2

#5B98F4

#669EE2

#6690D8

#81ADEA

#72A0DF

#6F9FD5

#669EE2

#639EF6

#5D92D8

#4B90D5

#62B4FC

#669EE2 を使ったフォカマイユ

#5BC0EF

#5DA4DD

#7DA7FF

#588CF4

#669EE2

#4F96CB

#57A7F6

#669EE2

#4C93BE

#5E99F1

#597EEF

#63B9F1

#4BBDF1

#669EE2

#8AD2F1

#669EE2 を使ったドミナントカラー

#0F3159

#152436

#5281BA

#7D98BA

#669EE2

#3781DB

#4C6078

#303C4A

#5C6570

#669EE2

#809FC4

#1D4678

#043A7D

#316099

#669EE2 を使ったアイデンティティ

#1B4E8C

#669EE2

#708EB3

#5A7799

#669EE2

#154175

#405166

#1B5FB3

#669EE2

#669EE2 を使ったトライアド

#669EE2

#E2669E

#9EE266

#669EE2 を使ったスプリットコンプリメンタリー

#E2D366

#669EE2

#E28166

#669EE2 を使ったテトラード

#669EE2

#E266DC

#E2AA66

#66E26C

#669EE2 を使ったコントラスト

#669EE2

#E2AA66

#669EE2

#D7DCE2

#669EE2

#2E4766

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

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

#669EE2

#669EE2 の色情報

#669EE2 の色相別色一覧

#669EE2 の彩度別色一覧

#669EE2 の明度別色一覧

#669EE2 を使ったトーンオントーン

#669EE2 を使ったトーンイントーン

#669EE2 を使ったカマイユ

#669EE2 を使ったフォカマイユ

#669EE2 を使ったドミナントカラー

#669EE2 を使ったアイデンティティ

#669EE2 を使ったトライアド

#669EE2 を使ったスプリットコンプリメンタリー

#669EE2 を使ったテトラード

#669EE2 を使ったコントラスト