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

#669DD2 の色情報

#669DD2

画像
HEX	#669DD2
RGB	R:102 G:157 B:210
RGBの割合	R:40.0% G:61.6% B:82.4%
HSV	H:209.4 S:51.4 V:82.4
HSL	H:209.4 S:54.5 L:61.2
CMY	C:60.0 M:38.4 Y:17.6

CMYK	C:51.4 M:25.2 Y:0.0 K:17.6
YCbCr	Y:141.9 Cb:159.4 Cr:100.1
XYZ	X:29.2 Y:31.6 Z:65.5
xyY	x:0.231 y:0.250 Y:31.6

CIE Lab	L:63.0 a:-3.3 b*:-32.7
CIE LCh	L:63.0 C:32.8 h:264.3
CIE Luv	L:63.0 u:-25.5 v*:-50.7
Hunter Lab	L:56.2 a:-5.7 b:-29.8

#669DD2 の色相別色一覧

#D28066

#D29B66

#D2B666

#D2D166

#B8D266

#9DD266

#82D266

#67D266

#66D280

#66D29B

#66D2B6

#66D2D1

#66B8D2

#669DD2

#6682D2

#6667D2

#8066D2

#9B66D2

#B666D2

#D166D2

#D266B8

#D2669D

#D26682

#D26667

#669DD2 の彩度別色一覧

#CFD1D2

#C5CBD2

#BAC6D2

#B0C1D2

#A5BCD2

#9BB7D2

#90B2D2

#86ACD2

#7BA7D2

#71A2D2

#669DD2

#5C98D2

#5193D2

#478ED2

#3C88D2

#3283D2

#277ED2

#1D79D2

#1274D2

#086FD2

#669DD2 の明度別色一覧

#030406

#090E13

#0F1820

#15212C

#1C2B39

#223446

#283E53

#2E475F

#34516C

#3B5A79

#416486

#476D92

#4D779F

#5380AC

#5A8AB9

#6093C5

#669DD2

#6CA7DF

#72B0EC

#79BAF8

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

#668396

#59ACF2

#305073

#669DD2

#192A45

#1A3857

#587391

#2F5A73

#669DD2

#5593B3

#445F6E

#5679A3

#56A4FA

#28405C

#669DD2

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

#61B986

#B861D5

#BBE176

#B96C61

#669DD2

#D56375

#669DD2

#E9DD63

#5FE96B

#A255D7

#E1CA69

#669DD2

#54CD53

#E485A9

#A559E1

#669DD2 を使ったカマイユ

#5F92CD

#77AEDF

#68ACDF

#669DD2

#74AEDC

#6C9BC5

#669DD2

#80ACE6

#6C95CD

#669AC3

#6EADDF

#5B97E1

#669DD2

#60A2E6

#689EC3

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

#8ED0EE

#7BC5EE

#478EAE

#669DD2

#4576B9

#4C67AE

#597AC3

#4D67AC

#679AB9

#669DD2

#5277CA

#669DD2

#6F96C8

#538BE9

#7085B9

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

#0076E8

#3E4B57

#125DA6

#669DD2

#4782BA

#A5BCD1

#BAC9D6

#15314D

#669DD2

#8FA8BF

#4E7294

#77A1C9

#092F54

#9DC0E3

#669DD2

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

#2C5882

#669DD2

#0E62B3

#235687

#669DD2

#296FB3

#073A6B

#657D94

#669DD2

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

#669DD2

#D2669D

#9DD266

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

#D2BF66

#669DD2

#D27766

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

#669DD2

#D166D2

#D29B66

#67D266

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

#669DD2

#D29B66

#669DD2

#CFD1D2

#669DD2

#324C66

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

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

#669DD2

#669DD2 の色情報

#669DD2 の色相別色一覧

#669DD2 の彩度別色一覧

#669DD2 の明度別色一覧

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

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

#669DD2 を使ったカマイユ

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

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

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

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

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

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

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