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

#669CC2 の色情報

#669CC2

画像
HEX	#669CC2
RGB	R:102 G:156 B:194
RGBの割合	R:40.0% G:61.2% B:76.1%
HSV	H:204.8 S:47.4 V:76.1
HSL	H:204.8 S:43.0 L:58.0
CMY	C:60.0 M:38.8 Y:23.9

CMYK	C:47.4 M:19.6 Y:0.0 K:23.9
YCbCr	Y:139.8 Cb:152.7 Cr:101.6
XYZ	X:27.1 Y:30.5 Z:55.5
xyY	x:0.240 y:0.270 Y:30.5

CIE Lab	L:62.1 a:-7.4 b*:-25.1
CIE LCh	L:62.1 C:26.2 h:253.5
CIE Luv	L:62.1 u:-25.4 v*:-37.7
Hunter Lab	L:55.2 a:-9.0 b:-20.9

#669CC2 の色相別色一覧

#C27566

#C28C66

#C2A366

#C2BA66

#B3C266

#9CC266

#85C266

#6EC266

#66C275

#66C28C

#66C2A3

#66C2BA

#66B3C2

#669CC2

#6685C2

#666EC2

#7566C2

#8C66C2

#A366C2

#BA66C2

#C266B3

#C2669C

#C26685

#C2666E

#669CC2 の彩度別色一覧

#BDC0C2

#B4BCC2

#AAB8C2

#A0B4C2

#97B0C2

#8DACC2

#83A8C2

#79A4C2

#70A0C2

#669CC2

#5C98C2

#5394C2

#4990C2

#3F8CC2

#3688C2

#2C84C2

#2280C2

#187CC2

#0F78C2

#0574C2

#669CC2 の明度別色一覧

#010203

#080C10

#0F171C

#162129

#1C2B36

#233543

#2A404F

#304A5C

#375469

#3E5E76

#446982

#4B738F

#527D9C

#5987A9

#5F92B5

#669CC2

#6DA6CF

#73B1DC

#7ABBE8

#81C5F5

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

#223B57

#669CC2

#3B7AA1

#50606E

#97CEED

#83C6F5

#41536B

#3A7691

#669CC2

#31414D

#4E717D

#ADCCF5

#507A9E

#2A3F59

#669CC2

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

#669CC2

#C7D166

#B178CA

#74CA89

#B06C6B

#DCD15D

#DC7689

#854EAB

#59B35D

#669CC2

#C77786

#DCCC76

#76DC76

#B575CF

#669CC2

#669CC2 を使ったカマイユ

#6BA2C7

#4D8AA9

#669CC2

#64ACCF

#75A0C5

#669CC2

#88BED9

#5483A9

#7EB1CA

#618BAB

#7BB2D1

#6DA5C5

#669CC2

#7EAED4

#7BAFD1

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

#689BBA

#6EA5B8

#6F96BD

#8DBDD1

#669CC2

#6D92A3

#669CC2

#90D5E6

#6C9EE3

#8FB3E8

#88BFE1

#4F9AB5

#63A6D9

#6E8ECA

#669CC2

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

#293E4D

#669CC2

#A5C2D6

#6B7A85

#7CA5C2

#669CC2

#A4B1BA

#1876B8

#0790F0

#86A5BA

#669CC2

#1A2F3D

#597B94

#4999D1

#04568F

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

#259FF5

#20577D

#669CC2

#1498F5

#669CC2

#2B5D80

#6F8B9E

#185078

#669CC2

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

#669CC2

#C2669C

#9CC266

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

#C2AB66

#669CC2

#C26D66

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

#669CC2

#BA66C2

#C28C66

#6EC266

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

#669CC2

#C28C66

#669CC2

#0574C2

#669CC2

#365266

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

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

#669CC2

#669CC2 の色情報

#669CC2 の色相別色一覧

#669CC2 の彩度別色一覧

#669CC2 の明度別色一覧

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

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

#669CC2 を使ったカマイユ

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

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

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

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

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

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

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