#24B5E2｜カラーサイト.com

#24B5E2 の色情報

#24B5E2

画像
HEX	#24B5E2
RGB	R:36 G:181 B:226
RGBの割合	R:14.1% G:71.0% B:88.6%
HSV	H:194.2 S:84.1 V:88.6
HSL	H:194.2 S:76.6 L:51.4
CMY	C:85.9 M:29.0 Y:11.4

CMYK	C:84.1 M:19.9 Y:0.0 K:11.4
YCbCr	Y:138.6 Cb:169.2 Cr:61.2
XYZ	X:31.0 Y:38.9 Z:77.8
xyY	x:0.210 y:0.263 Y:38.9

CIE Lab	L:68.7 a:-20.9 b*:-32.8
CIE LCh	L:68.7 C:38.9 h:237.5
CIE Luv	L:68.7 u:-46.3 v*:-49.5
Hunter Lab	L:62.4 a:-20.5 b:-30.3

#24B5E2 の色相別色一覧

#E25124

#E28124

#E2B024

#E2E024

#B5E224

#86E224

#56E224

#27E224

#24E251

#24E281

#24E2B0

#24E2E0

#24B5E2

#2486E2

#2456E2

#2427E2

#5124E2

#8124E2

#B024E2

#E024E2

#E224B5

#E22486

#E22456

#E22427

#24B5E2 の彩度別色一覧

#D9E0E2

#CEDDE2

#C2DAE2

#B7D8E2

#ACD5E2

#A0D2E2

#95D0E2

#8ACDE2

#7ECAE2

#73C8E2

#68C5E2

#5DC2E2

#51C0E2

#46BDE2

#3BBAE2

#2FB8E2

#24B5E2

#19B2E2

#0DB0E2

#02ADE2

#24B5E2 の明度別色一覧

#010709

#041216

#061C23

#082630

#0A303C

#0C3A49

#0E4556

#104F63

#12596F

#14637C

#166E89

#187896

#1A82A2

#1C8CAF

#1E96BC

#20A1C9

#22ABD5

#24B5E2

#26BFEF

#28C9FC

#24B5E2 を使ったトーンオントーン

#24B5E2

#09566E

#0288A3

#0A4C54

#338ABD

#146278

#1A718F

#004754

#0880C7

#24B5E2

#073747

#267880

#24B5E2

#1E7BBA

#12738F

#24B5E2 を使ったトーンイントーン

#24B5E2

#DF2D82

#34CB2D

#7D1EF9

#F6CB1B

#24B5E2

#50D326

#CB2F89

#D58D17

#541EE7

#24B5E2

#22F678

#F42252

#6F2AC9

#B9D029

#24B5E2 を使ったカマイユ

#28ADC9

#1FB9F1

#24B5E2

#18C9F6

#2EB8E7

#24B5E2

#2A9DD3

#15BBEA

#1DA0D0

#28B3EF

#1FA6DD

#30B4D3

#27A4DA

#24B5E2

#2BB3EF

#24B5E2 を使ったフォカマイユ

#38CAF4

#2C7FC9

#0FA6FF

#28D5D3

#24B5E2

#1BF7FC

#02A1FF

#44B6F4

#0871C3

#24B5E2

#3E9DD5

#44F4FE

#3197D8

#24B5E2

#32C5D3

#24B5E2 を使ったドミナントカラー

#617880

#3F7A8C

#8FA2A8

#24B5E2

#093745

#24B5E2

#206F87

#416773

#637980

#0B6A87

#8A999E

#32798F

#56818F

#24B5E2

#4D8394

#24B5E2 を使ったアイデンティティ

#638C99

#24B5E2

#2D5A69

#AEEAFC

#22667A

#24B5E2

#486169

#24B5E2

#73DEFF

#24B5E2 を使ったトライアド

#24B5E2

#E224B5

#B5E224

#24B5E2 を使ったスプリットコンプリメンタリー

#E29024

#24B5E2

#E22436

#24B5E2 を使ったテトラード

#24B5E2

#B024E2

#E25124

#56E224

#24B5E2 を使ったコントラスト

#24B5E2

#E25124

#24B5E2

#95D0E2

#24B5E2

#105266

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

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

#24B5E2

#24B5E2 の色情報

#24B5E2 の色相別色一覧

#24B5E2 の彩度別色一覧

#24B5E2 の明度別色一覧

#24B5E2 を使ったトーンオントーン

#24B5E2 を使ったトーンイントーン

#24B5E2 を使ったカマイユ

#24B5E2 を使ったフォカマイユ

#24B5E2 を使ったドミナントカラー

#24B5E2 を使ったアイデンティティ

#24B5E2 を使ったトライアド

#24B5E2 を使ったスプリットコンプリメンタリー

#24B5E2 を使ったテトラード

#24B5E2 を使ったコントラスト