#54CCE2｜カラーサイト.com

#54CCE2 の色情報

#54CCE2

画像
HEX	#54CCE2
RGB	R:84 G:204 B:226
RGBの割合	R:32.9% G:80.0% B:88.6%
HSV	H:189.3 S:62.8 V:88.6
HSL	H:189.3 S:71.0 L:60.8
CMY	C:67.1 M:20.0 Y:11.4

CMYK	C:62.8 M:9.7 Y:0.0 K:11.4
YCbCr	Y:162.6 Cb:155.4 Cr:73.8
XYZ	X:39.0 Y:50.6 Z:79.7
xyY	x:0.230 y:0.299 Y:50.6

CIE Lab	L:76.4 a:-26.9 b*:-20.9
CIE LCh	L:76.4 C:34.0 h:217.9
CIE Luv	L:76.4 u:-47.2 v*:-29.0
Hunter Lab	L:71.1 a:-26.6 b:-16.6

#54CCE2 の色相別色一覧

#E26A54

#E28E54

#E2B154

#E2D554

#CCE254

#A9E254

#85E254

#62E254

#54E26A

#54E28E

#54E2B1

#54E2D5

#54CCE2

#54A9E2

#5485E2

#5462E2

#6A54E2

#8E54E2

#B154E2

#D554E2

#E254CC

#E254A9

#E25485

#E25461

#54CCE2 の彩度別色一覧

#DCE1E2

#D0DFE2

#C5DEE2

#BADCE2

#AEDAE2

#A3D8E2

#98D7E2

#8DD5E2

#81D3E2

#76D1E2

#6BD0E2

#5FCEE2

#54CCE2

#49CAE2

#3DC8E2

#32C7E2

#27C5E2

#1CC3E2

#10C1E2

#05C0E2

#54CCE2 の明度別色一覧

#030809

#081416

#0D1F23

#122B30

#16363C

#1B4249

#204D56

#255963

#29646F

#2E707C

#337B89

#388796

#3C92A2

#419EAF

#46A9BC

#4BB5C9

#4FC0D5

#54CCE2

#59D8EF

#5DE3FC

#54CCE2 を使ったトーンオントーン

#4DA6C4

#3E9294

#54CCE2

#28636E

#0E4A4F

#54CCE2

#3C8496

#1B4857

#146673

#58A1BA

#1C7075

#1C83A3

#5BC4C3

#143545

#54CCE2

#54CCE2 を使ったトーンイントーン

#D83D7D

#54CCE2

#8855CE

#D3AB5B

#64C949

#F1687E

#54CCE2

#DDF964

#9651DF

#57F189

#54CCE2

#D33D8F

#7FF654

#735ADF

#F6C24D

#54CCE2 を使ったカマイユ

#67CBDF

#42C3D3

#54CCE2

#59BACE

#55D6DF

#4DC7DA

#53D0F4

#53DAE5

#54CCE2

#64D4DD

#6AEAF6

#54CCE2

#6EE1F4

#43D9E5

#55D4F1

#54CCE2 を使ったフォカマイユ

#54CCE2

#46A3D3

#4AE5F4

#5FB6BE

#2C94C9

#71E2EF

#69BAD5

#54CCE2

#74E7E7

#43EFEA

#51B9C1

#4EB7C3

#54CCE2

#71BFD8

#40DEFF

#54CCE2 を使ったドミナントカラー

#22393D

#728285

#72B8C4

#54CCE2

#273538

#0A6373

#0F93AB

#54CCE2

#015F70

#5E7073

#0B9DB8

#347F8C

#1D525C

#54CCE2

#DAE8EB

#54CCE2 を使ったアイデンティティ

#54CCE2

#075C6B

#6CA3AD

#0AA3BF

#54CCE2

#43676E

#63ADBA

#54CCE2

#136878

#54CCE2 を使ったトライアド

#54CCE2

#E254CC

#CCE254

#54CCE2 を使ったスプリットコンプリメンタリー

#E29954

#54CCE2

#E2546D

#54CCE2 を使ったテトラード

#54CCE2

#B154E2

#E26A54

#85E254

#54CCE2 を使ったコントラスト

#54CCE2

#E26A54

#54CCE2

#C5DEE2

#54CCE2

#265C66

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

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

#54CCE2

#54CCE2 の色情報

#54CCE2 の色相別色一覧

#54CCE2 の彩度別色一覧

#54CCE2 の明度別色一覧

#54CCE2 を使ったトーンオントーン

#54CCE2 を使ったトーンイントーン

#54CCE2 を使ったカマイユ

#54CCE2 を使ったフォカマイユ

#54CCE2 を使ったドミナントカラー

#54CCE2 を使ったアイデンティティ

#54CCE2 を使ったトライアド

#54CCE2 を使ったスプリットコンプリメンタリー

#54CCE2 を使ったテトラード

#54CCE2 を使ったコントラスト