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

#24A2B0 の色情報

#24A2B0

画像
HEX	#24A2B0
RGB	R:36 G:162 B:176
RGBの割合	R:14.1% G:63.5% B:69.0%
HSV	H:186.0 S:79.5 V:69.0
HSL	H:186.0 S:66.0 L:41.6
CMY	C:85.9 M:36.5 Y:31.0

CMYK	C:79.5 M:8.0 Y:0.0 K:31.0
YCbCr	Y:124.1 Cb:152.8 Cr:71.7
XYZ	X:21.5 Y:29.3 Z:45.6
xyY	x:0.223 y:0.304 Y:29.3

CIE Lab	L:61.1 a:-27.7 b*:-16.7
CIE LCh	L:61.1 C:32.4 h:211.1
CIE Luv	L:61.1 u:-43.2 v*:-21.4
Hunter Lab	L:54.2 a:-24.0 b:-12.0

#24A2B0 の色相別色一覧

#B03224

#B05524

#B07824

#B09B24

#A2B024

#7FB024

#5CB024

#39B024

#24B032

#24B055

#24B078

#24B09B

#24A2B0

#247FB0

#245CB0

#2439B0

#3224B0

#5524B0

#7824B0

#9B24B0

#B024A2

#B0247F

#B0245C

#B02439

#24A2B0 の彩度別色一覧

#A8AFB0

#9FAEB0

#96ADB0

#8EADB0

#85ACB0

#7CABB0

#73AAB0

#6AA9B0

#62A8B0

#59A7B0

#50A6B0

#47A6B0

#3EA5B0

#36A4B0

#2DA3B0

#24A2B0

#1BA1B0

#12A0B0

#0A9FB0

#019EB0

#24A2B0 の明度別色一覧

#02090A

#051517

#072124

#0A2D31

#0D383D

#0F444A

#125057

#145C64

#176770

#1A737D

#1C7F8A

#1F8B97

#2196A3

#24A2B0

#27AEBD

#29B9CA

#2CC5D6

#2ED1E3

#31DDF0

#34E8FD

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

#51D4CD

#0D424F

#0AB3EB

#225E69

#24A2B0

#14E2ED

#196F7A

#278C85

#044D57

#26768F

#0C5B6B

#1C5C58

#24A2B0

#29DFF7

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

#BF1F5F

#2E9E2A

#B59215

#24A2B0

#7638BD

#C22473

#4F12AB

#47C436

#BA911F

#24A2B0

#A62F5B

#24A2B0

#521BB8

#429C24

#977016

#24A2B0 を使ったカマイユ

#2EA7BD

#1FB0CA

#24A2B0

#1DA6A8

#2FA5BF

#33C2CA

#25A8BF

#24A2B0

#2692A1

#2F979E

#3CC2C4

#24A2B0

#2FB6BF

#1B8A9C

#1FBABD

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

#309491

#24A2B0

#24A2C2

#2B7D97

#277799

#159C9E

#2AABA9

#24A2B0

#33C2BD

#16A6D6

#2CBAAA

#24A2B0

#1F9FBF

#0F7594

#08748C

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

#304E52

#10CEE3

#099DAD

#86CAD1

#24A2B0

#038391

#436C70

#357178

#085861

#24A2B0

#0F8B99

#B8D3D6

#3E5254

#1F717A

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

#58CEDB

#335F63

#24A2B0

#26565C

#91E9F2

#24A2B0

#4DC4D1

#365D61

#24A2B0

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

#24A2B0

#B024A2

#A2B024

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

#B06124

#24A2B0

#B02445

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

#24A2B0

#7824B0

#B03224

#5CB024

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

#24A2B0

#B03224

#24A2B0

#7CABB0

#24A2B0

#34EBFF

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

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

#24A2B0

#24A2B0 の色情報

#24A2B0 の色相別色一覧

#24A2B0 の彩度別色一覧

#24A2B0 の明度別色一覧

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

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

#24A2B0 を使ったカマイユ

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

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

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

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

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

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

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