#5BAED9｜カラーサイト.com

#5BAED9 の色情報

#5BAED9

画像
HEX	#5BAED9
RGB	R:91 G:174 B:217
RGBの割合	R:35.7% G:68.2% B:85.1%
HSV	H:200.5 S:58.1 V:85.1
HSL	H:200.5 S:62.4 L:60.4
CMY	C:64.3 M:31.8 Y:14.9

CMYK	C:58.1 M:19.8 Y:0.0 K:14.9
YCbCr	Y:148.3 Cb:159.2 Cr:88.5
XYZ	X:32.0 Y:37.5 Z:71.2
xyY	x:0.227 y:0.267 Y:37.5

CIE Lab	L:67.7 a:-12.8 b*:-29.4
CIE LCh	L:67.7 C:32.1 h:246.4
CIE Luv	L:67.7 u:-34.9 v*:-44.5
Hunter Lab	L:61.2 a:-14.0 b:-26.1

#5BAED9 の色相別色一覧

#D9675B

#D9865B

#D9A65B

#D9C55B

#CED95B

#AED95B

#8FD95B

#6FD95B

#5BD967

#5BD986

#5BD9A6

#5BD9C5

#5BCED9

#5BAED9

#5B8FD9

#5B6FD9

#675BD9

#865BD9

#A65BD9

#C55BD9

#D95BCE

#D95BAE

#D95B8F

#D95B6F

#5BAED9 の彩度別色一覧

#D2D7D9

#C8D3D9

#BDCFD9

#B2CCD9

#A7C8D9

#9CC4D9

#91C1D9

#86BDD9

#7CB9D9

#71B5D9

#66B2D9

#5BAED9

#50AAD9

#45A7D9

#3AA3D9

#309FD9

#259BD9

#1A98D9

#0F94D9

#0490D9

#5BAED9 の明度別色一覧

#000000

#050A0D

#0B151A

#101F27

#152933

#1B3340

#203E4D

#26485A

#2B5266

#305C73

#366680

#3B718D

#407B99

#4685A6

#4B8FB3

#509AC0

#56A4CC

#5BAED9

#60B8E6

#66C2F3

#5BAED9 を使ったトーンオントーン

#3D7BA1

#6C95BA

#25404F

#2E5D69

#5BAED9

#52DDFA

#598399

#436B7D

#1D3E4D

#1B5275

#5BAED9

#2C8094

#1D4052

#6BA2BF

#5BAED9 を使ったトーンイントーン

#E1D45A

#5AF368

#DC6799

#5BAED9

#9C66D4

#5BAED9

#71EB7A

#DE5478

#9B57E1

#D1B856

#A06FDE

#EB719E

#5BAED9

#4AD44B

#C2A740

#5BAED9 を使ったカマイユ

#5BADD4

#63BFF3

#48A6CA

#5BAED9

#63C0E6

#65ACD6

#5DBAE3

#54A0D1

#5BAED9

#509CC7

#51A2D6

#5BAED9

#58A3CC

#4BB6DE

#77C1ED

#5BAED9 を使ったフォカマイユ

#57CBFF

#6CB6BD

#7CADEB

#5BAED9

#5BA3BA

#3585B8

#48C9FA

#65AAB5

#5BAED9

#6193CF

#5BAED9

#6994C0

#3D92B8

#7AE5F0

#3692B3

#5BAED9 を使ったドミナントカラー

#5E717A

#6BADCF

#51A9D6

#5BAED9

#142A36

#075B87

#4BAFE3

#1A3847

#449CC9

#5BAED9

#395C6E

#A0B1BA

#0977B0

#858B8F

#5BAED9 を使ったトライアド

#5BAED9

#D95BAE

#AED95B

#5BAED9 を使ったスプリットコンプリメンタリー

#D9B05B

#5BAED9

#D95C5B

#5BAED9 を使ったテトラード

#5BAED9

#C55BD9

#D9865B

#6FD95B

#5BAED9 を使ったコントラスト

#5BAED9

#D9865B

#5BAED9

#C8D3D9

#5BAED9

#2B5266

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

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

#5BAED9

#5BAED9 の色情報

#5BAED9 の色相別色一覧

#5BAED9 の彩度別色一覧

#5BAED9 の明度別色一覧

#5BAED9 を使ったトーンオントーン

#5BAED9 を使ったトーンイントーン

#5BAED9 を使ったカマイユ

#5BAED9 を使ったフォカマイユ

#5BAED9 を使ったドミナントカラー

#5BAED9 を使ったトライアド

#5BAED9 を使ったスプリットコンプリメンタリー

#5BAED9 を使ったテトラード

#5BAED9 を使ったコントラスト