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

#5BA2D4 の色情報

#5BA2D4

画像
HEX	#5BA2D4
RGB	R:91 G:162 B:212
RGBの割合	R:35.7% G:63.5% B:83.1%
HSV	H:204.8 S:57.1 V:83.1
HSL	H:204.8 S:58.5 L:59.4
CMY	C:64.3 M:36.5 Y:16.9

CMYK	C:57.1 M:23.6 Y:0.0 K:16.9
YCbCr	Y:141.8 Cb:160.5 Cr:93.3
XYZ	X:29.1 Y:32.8 Z:67.1
xyY	x:0.226 y:0.254 Y:32.8

CIE Lab	L:64.0 a:-7.8 b*:-32.2
CIE LCh	L:64.0 C:33.2 h:256.4
CIE Luv	L:64.0 u:-30.6 v*:-49.6
Hunter Lab	L:57.3 a:-9.5 b:-29.3

#5BA2D4 の色相別色一覧

#D46F5B

#D48D5B

#D4AB5B

#D4CA5B

#C0D45B

#A2D45B

#84D45B

#66D45B

#5BD46F

#5BD48D

#5BD4AB

#5BD4CA

#5BC0D4

#5BA2D4

#5B84D4

#5B66D4

#6F5BD4

#8D5BD4

#AB5BD4

#CA5BD4

#D45BC0

#D45BA2

#D45B84

#D45B66

#5BA2D4 の彩度別色一覧

#D0D2D4

#C5CED4

#BAC9D4

#B0C5D4

#A5C1D4

#9BBCD4

#90B8D4

#85B4D4

#7BAFD4

#70ABD4

#66A6D4

#5BA2D4

#509ED4

#4699D4

#3B95D4

#3190D4

#268CD4

#1B88D4

#1183D4

#067FD4

#5BA2D4 の明度別色一覧

#030608

#091015

#0E1A22

#14232E

#192D3B

#1F3748

#244155

#2A4A61

#2F546E

#355E7B

#3A6888

#407194

#457BA1

#4B85AE

#508FBB

#5698C7

#5BA2D4

#60ACE1

#66B5EE

#6BBFFA

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

#5BA2D4

#2C4259

#285D6E

#8FC5F7

#5388A1

#2F6075

#2A4552

#4A7E94

#5F99B8

#5BA2D4

#6F97B0

#5BA2D4

#396173

#2D4A5C

#467EA3

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

#B677E1

#5BA2D4

#C74E62

#5DE3A9

#CBE851

#DE4B71

#5BA2D4

#E6C75C

#B16ADE

#49BB59

#A0BB63

#C26163

#9744C7

#54BB93

#5BA2D4

#5BA2D4 を使ったカマイユ

#4FA1E8

#6FAFD7

#6CA0CC

#5BA2D4

#5EA2E1

#72A9D7

#5BA2D4

#6294C5

#7BB9E8

#568ABB

#65A5E1

#4E87C0

#4893CF

#5AAADC

#5BA2D4

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

#67B0C0

#69B4C2

#5DAFCA

#5BA2D4

#418ECC

#5FACCA

#5BA2D4

#4075BD

#7398C7

#3F6DB5

#4398CC

#3F75BB

#52CEFA

#5BA2D4

#5CB4C7

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

#2EA1F2

#5BA2D4

#D9EFFF

#6D767D

#A8AEB3

#B9D9F0

#86A5BA

#5BA2D4

#7B909E

#4B565E

#79848C

#014B80

#5BA2D4

#AFCDE3

#4B5E6B

#5BA2D4 を使ったアイデンティティ

#5BA2D4

#094169

#367FB3

#5BA2D4

#2CA2F5

#445663

#5BA2D4

#9DD0F5

#175078

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

#5BA2D4

#D45BA2

#A2D45B

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

#D4B55B

#5BA2D4

#D4655B

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

#5BA2D4

#CA5BD4

#D48D5B

#66D45B

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

#5BA2D4

#D48D5B

#5BA2D4

#C5CED4

#5BA2D4

#2C4E66

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

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

#5BA2D4

#5BA2D4 の色情報

#5BA2D4 の色相別色一覧

#5BA2D4 の彩度別色一覧

#5BA2D4 の明度別色一覧

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

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

#5BA2D4 を使ったカマイユ

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

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

#5BA2D4 を使ったアイデンティティ

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

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

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

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