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

#54DCE2 の色情報

#54DCE2

画像
HEX	#54DCE2
RGB	R:84 G:220 B:226
RGBの割合	R:32.9% G:86.3% B:88.6%
HSV	H:182.5 S:62.8 V:88.6
HSL	H:182.5 S:71.0 L:60.8
CMY	C:67.1 M:13.7 Y:11.4

CMYK	C:62.8 M:2.7 Y:0.0 K:11.4
YCbCr	Y:170.6 Cb:150.8 Cr:67.9
XYZ	X:43.0 Y:58.6 Z:81.0
xyY	x:0.235 y:0.321 Y:58.6

CIE Lab	L:81.0 a:-34.6 b*:-13.9
CIE LCh	L:81.0 C:37.2 h:201.9
CIE Luv	L:81.0 u:-53.0 v*:-16.5
Hunter Lab	L:76.5 a:-33.7 b:-9.2

#54DCE2 の色相別色一覧

#E25A54

#E27E54

#E2A154

#E2C554

#DCE254

#B9E254

#95E254

#72E254

#54E25A

#54E27E

#54E2A1

#54E2C5

#54DCE2

#54B9E2

#5495E2

#5472E2

#5A54E2

#7E54E2

#A154E2

#C554E2

#E254DC

#E254B9

#E25495

#E25472

#54DCE2 の彩度別色一覧

#DCE2E2

#D0E1E2

#C5E1E2

#BAE0E2

#AEE0E2

#A3DFE2

#98DFE2

#8DDEE2

#81DEE2

#76DDE2

#6BDDE2

#5FDCE2

#54DCE2

#49DCE2

#3DDBE2

#32DBE2

#27DAE2

#1CDAE2

#10D9E2

#05D9E2

#54DCE2 の明度別色一覧

#030909

#081516

#0D2223

#122E30

#163B3C

#1B4749

#205356

#256063

#296C6F

#2E797C

#338589

#389296

#3C9EA2

#41AAAF

#46B7BC

#4BC3C9

#4FD0D5

#54DCE2

#59E8EF

#5DF5FC

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

#54AFB3

#449491

#54DCE2

#21464D

#2C606E

#54DCE2

#36A1B3

#186E69

#529294

#0E4744

#3EABC2

#229C99

#164F54

#54DCE2

#206E68

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

#5AD041

#EFCD65

#54DCE2

#8C61D8

#D54B8A

#72C94F

#EA3FA4

#775BCE

#54DCE2

#D5894D

#54DCE2

#E5A04E

#65DF4F

#6F62F9

#D04597

#54DCE2 を使ったカマイユ

#40E2EC

#6BEEF9

#4CC9D8

#54DCE2

#43BACB

#54DCE2

#5DDCDD

#5DD3DD

#63CDDA

#46E2F1

#5CF1EE

#47FCF7

#54DCE2

#51F4ED

#69E0EF

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

#54DCE2

#36BED8

#50C2C3

#61C1D3

#76DBFF

#5AB9D5

#54FAFE

#82EFFF

#73EAD7

#54DCE2

#4AFFD9

#55E7F9

#78D8EF

#4AF6D8

#54DCE2

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

#99A8A8

#54DCE2

#919999

#59CACF

#4B9FA3

#B8F2F5

#52F3FA

#54DCE2

#B6CBCC

#86B8BA

#DFF1F2

#2E9499

#54DCE2

#42BCC2

#17DFE8

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

#3A5859

#54DCE2

#0BB3BA

#54DCE2

#67C3C7

#108085

#54DCE2

#007F85

#ACF9FC

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

#54DCE2

#E254DC

#DCE254

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

#E28954

#54DCE2

#E2547D

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

#54DCE2

#A154E2

#E25A54

#95E254

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

#54DCE2

#E25A54

#54DCE2

#C5E1E2

#54DCE2

#266366

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

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

#54DCE2

#54DCE2 の色情報

#54DCE2 の色相別色一覧

#54DCE2 の彩度別色一覧

#54DCE2 の明度別色一覧

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

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

#54DCE2 を使ったカマイユ

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

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

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

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

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

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

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