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

#5BA2D2 の色情報

#5BA2D2

画像
HEX	#5BA2D2
RGB	R:91 G:162 B:210
RGBの割合	R:35.7% G:63.5% B:82.4%
HSV	H:204.2 S:56.7 V:82.4
HSL	H:204.2 S:56.9 L:59.0
CMY	C:64.3 M:36.5 Y:17.6

CMYK	C:56.7 M:22.9 Y:0.0 K:17.6
YCbCr	Y:141.6 Cb:159.6 Cr:93.4
XYZ	X:28.9 Y:32.7 Z:65.8
xyY	x:0.227 y:0.257 Y:32.7

CIE Lab	L:63.9 a:-8.4 b*:-31.3
CIE LCh	L:63.9 C:32.4 h:254.9
CIE Luv	L:63.9 u:-30.7 v*:-47.9
Hunter Lab	L:57.2 a:-10.0 b:-28.1

#5BA2D2 の色相別色一覧

#D26D5B

#D28B5B

#D2A95B

#D2C75B

#C0D25B

#A2D25B

#84D25B

#67D25B

#5BD26D

#5BD28B

#5BD2A9

#5BD2C7

#5BC0D2

#5BA2D2

#5B84D2

#5B67D2

#6D5BD2

#8B5BD2

#A95BD2

#C75BD2

#D25BC0

#D25BA2

#D25B84

#D25B67

#5BA2D2 の彩度別色一覧

#CFD1D2

#C4CCD2

#BAC8D2

#AFC4D2

#A5C0D2

#9ABBD2

#90B7D2

#85B3D2

#7BAFD2

#70AAD2

#66A6D2

#5BA2D2

#519ED2

#469AD2

#3C95D2

#3191D2

#278DD2

#1C89D2

#1284D2

#0780D2

#5BA2D2 の明度別色一覧

#030506

#080E13

#0E1820

#13222C

#192C39

#1E3646

#244053

#29495F

#2F536C

#345D79

#3A6786

#3F7192

#457B9F

#4A84AC

#508EB9

#5598C5

#5BA2D2

#61ACDF

#66B6EC

#6CC0F8

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

#5BA2D2

#1E486E

#477694

#263A4A

#5C8BB3

#2D6FA3

#3AA9FA

#214457

#5BA2D2

#405875

#173359

#5BA2D2

#1E4069

#256E99

#649AB5

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

#864DCF

#C04A71

#5BA2D2

#74DA91

#BEB85E

#5BA2D2

#AE6EE9

#DFBE70

#E67BA9

#71E66B

#AD53DA

#D5C960

#51C04A

#CA5E73

#5BA2D2

#5BA2D2 を使ったカマイユ

#5298CA

#5EA3E4

#5BA2D2

#4CA2E4

#61A5C8

#71B6E9

#639CC0

#51A0DA

#5BA2D2

#74AFDA

#5BA2D2

#72B0E6

#4AA5DF

#5DA5C8

#6291BB

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

#5BA2D2

#3872C5

#3D9DB1

#58A6E6

#497DC3

#7DB3E6

#4FA4C0

#5BA2D2

#7ECCF1

#3B64AC

#386FAE

#4698D7

#5BA2D2

#5489EE

#4493DA

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

#22577A

#3A5F78

#39444D

#2F4554

#5BA2D2

#67B3E6

#687F8F

#426278

#889299

#5BA2D2

#1876B5

#3C4D59

#383B3D

#A6D5F5

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

#1C6494

#1E4B69

#5BA2D2

#6D91A8

#03385C

#5BA2D2

#024573

#A8DCFF

#5BA2D2

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

#5BA2D2

#D25BA2

#A2D25B

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

#D2B35B

#5BA2D2

#D2635B

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

#5BA2D2

#C75BD2

#D28B5B

#67D25B

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

#5BA2D2

#D28B5B

#5BA2D2

#C4CCD2

#5BA2D2

#2C4F66

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

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

#5BA2D2

#5BA2D2 の色情報

#5BA2D2 の色相別色一覧

#5BA2D2 の彩度別色一覧

#5BA2D2 の明度別色一覧

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

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

#5BA2D2 を使ったカマイユ

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

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

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

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

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

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

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