#66C2F0｜カラーサイト.com

#66C2F0 の色情報

#66C2F0

画像
HEX	#66C2F0
RGB	R:102 G:194 B:240
RGBの割合	R:40.0% G:76.1% B:94.1%
HSV	H:200.0 S:57.5 V:94.1
HSL	H:200.0 S:82.1 L:67.1
CMY	C:60.0 M:23.9 Y:5.9

CMYK	C:57.5 M:19.2 Y:0.0 K:5.9
YCbCr	Y:163.5 Cb:161.8 Cr:84.3
XYZ	X:40.5 Y:47.7 Z:89.5
xyY	x:0.228 y:0.268 Y:47.7

CIE Lab	L:74.6 a:-14.4 b*:-31.1
CIE LCh	L:74.6 C:34.3 h:245.1
CIE Luv	L:74.6 u:-38.6 v*:-47.8
Hunter Lab	L:69.1 a:-16.2 b:-28.5

#66C2F0 の色相別色一覧

#F07266

#F09466

#F0B766

#F0D966

#E5F066

#C2F066

#A0F066

#7DF066

#66F072

#66F094

#66F0B7

#66F0D9

#66E5F0

#66C2F0

#66A0F0

#667DF0

#7266F0

#9466F0

#B766F0

#D966F0

#F066E5

#F066C2

#F066A0

#F0667D

#66C2F0 の彩度別色一覧

#EAEEF0

#DEEAF0

#D2E6F0

#C6E2F0

#BADEF0

#AEDAF0

#A2D6F0

#96D2F0

#8ACEF0

#7ECAF0

#72C6F0

#66C2F0

#5ABEF0

#4EBAF0

#42B6F0

#36B2F0

#2AAEF0

#1EAAF0

#12A6F0

#06A2F0

#66C2F0 の明度別色一覧

#04080B

#0A1317

#0F1D24

#152731

#1A323E

#203C4A

#254657

#2A5164

#305B71

#35657D

#3B708A

#407A97

#4584A4

#4B8EB0

#5099BD

#56A3CA

#5BADD7

#61B8E3

#66C2F0

#6BCCFD

#66C2F0 を使ったトーンオントーン

#66C2F0

#3C8099

#619CCC

#243F52

#2C6278

#5B7E94

#3A616B

#66C2F0

#2E4B59

#7EB4C9

#66C2F0

#64A7B8

#1B4052

#468096

#415B75

#66C2F0 を使ったトーンイントーン

#66C2F0

#E8CA50

#7CFF8F

#FF60AA

#9662D7

#4ADE81

#66C2F0

#FF627F

#F6FD76

#C374FF

#C081FF

#EB587F

#57E162

#66C2F0

#DCDC57

#66C2F0 を使ったカマイユ

#5DC3EB

#57C4E8

#66C2F0

#48B9DE

#60BFFF

#59BBDC

#65D3FF

#64CCFD

#75B9E3

#66C2F0

#7ED6FF

#66C2F0

#56B1E6

#79C2F5

#52B2E6

#66C2F0 を使ったフォカマイユ

#66C2F0

#78D0E8

#5892DE

#46F0FF

#79D0FF

#51B9FA

#3E8BCA

#66C2F0

#50B9FF

#488BCA

#66C2F0

#76C4E6

#5DA8F8

#88BCFA

#78ACD1

#66C2F0 を使ったドミナントカラー

#064D70

#7CC6EB

#66C2F0

#484B4D

#2F8EBD

#00273B

#66C2F0

#77BDE0

#12AEFC

#96A2A8

#A6B5BD

#5F7B8A

#66C2F0

#143140

#10364A

#66C2F0 を使ったアイデンティティ

#0E5B82

#66C2F0

#7295A6

#026799

#496A7A

#66C2F0

#86B6CF

#105475

#66C2F0

#66C2F0 を使ったトライアド

#66C2F0

#F066C2

#C2F066

#66C2F0 を使ったスプリットコンプリメンタリー

#F0C266

#66C2F0

#F06666

#66C2F0 を使ったテトラード

#66C2F0

#D966F0

#F09466

#7DF066

#66C2F0 を使ったコントラスト

#66C2F0

#F09466

#66C2F0

#DEEAF0

#66C2F0

#2B5266

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

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

#66C2F0

#66C2F0 の色情報

#66C2F0 の色相別色一覧

#66C2F0 の彩度別色一覧

#66C2F0 の明度別色一覧

#66C2F0 を使ったトーンオントーン

#66C2F0 を使ったトーンイントーン

#66C2F0 を使ったカマイユ

#66C2F0 を使ったフォカマイユ

#66C2F0 を使ったドミナントカラー

#66C2F0 を使ったアイデンティティ

#66C2F0 を使ったトライアド

#66C2F0 を使ったスプリットコンプリメンタリー

#66C2F0 を使ったテトラード

#66C2F0 を使ったコントラスト