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

#5BA3C9 の色情報

#5BA3C9

画像
HEX	#5BA3C9
RGB	R:91 G:163 B:201
RGBの割合	R:35.7% G:63.9% B:78.8%
HSV	H:200.7 S:54.7 V:78.8
HSL	H:200.7 S:50.5 L:57.3
CMY	C:64.3 M:36.1 Y:21.2

CMYK	C:54.7 M:18.9 Y:0.0 K:21.2
YCbCr	Y:141.2 Cb:155.3 Cr:93.7
XYZ	X:28.0 Y:32.6 Z:60.1
xyY	x:0.232 y:0.270 Y:32.6

CIE Lab	L:63.9 a:-11.7 b*:-26.4
CIE LCh	L:63.9 C:28.8 h:246.0
CIE Luv	L:63.9 u:-31.3 v*:-39.3
Hunter Lab	L:57.1 a:-12.6 b:-22.4

#5BA3C9 の色相別色一覧

#C9665B

#C9815B

#C99D5B

#C9B85B

#BFC95B

#A3C95B

#88C95B

#6CC95B

#5BC966

#5BC981

#5BC99D

#5BC9B8

#5BBFC9

#5BA3C9

#5B88C9

#5B6CC9

#665BC9

#815BC9

#9D5BC9

#B85BC9

#C95BBF

#C95BA3

#C95B88

#C95B6C

#5BA3C9 の彩度別色一覧

#C0C6C9

#B5C2C9

#ABBFC9

#A1BBC9

#97B8C9

#8DB4C9

#83B1C9

#79ADC9

#6FAAC9

#65A6C9

#5BA3C9

#51A0C9

#479CC9

#3D99C9

#3395C9

#2992C9

#1F8EC9

#158BC9

#0B87C9

#0184C9

#5BA3C9 の明度別色一覧

#04080A

#0A1217

#101D23

#162730

#1C313D

#213C4A

#274656

#2D5063

#335B70

#38657D

#3E6F89

#447A96

#4A84A3

#4F8EB0

#5599BC

#5BA3C9

#61ADD6

#67B8E3

#6CC2EF

#72CCFC

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

#3E7196

#284B57

#5BA3C9

#486278

#9ED1FA

#30434D

#5C7C99

#5BA3C9

#77D2ED

#355D7D

#5BA3C9

#19444F

#428391

#255078

#6BC5E8

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

#5BA3C9

#57B582

#B96CE0

#D8717F

#B7C451

#7E44B2

#5BA3C9

#DD6071

#BECE5F

#72DD93

#E0739D

#5CB05E

#5BA3C9

#DBD575

#954BD6

#5BA3C9 を使ったカマイユ

#5BA3C9

#60BEE3

#4897CC

#56B2D6

#66B3D3

#55A6CE

#5BA3C9

#66A7D8

#4E9BC1

#5794B7

#6DB0E3

#5BA3C9

#59A2BC

#4893B7

#4DA0D3

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

#4AB2D3

#5BA3C9

#3894B2

#5D80B5

#7EABE0

#7DADEA

#5BA3C9

#3A9EAD

#74BCDD

#5A9FD6

#4F7EC4

#67A5C1

#5BA3C9

#4998B5

#3584A3

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

#DEF0FA

#5BA3C9

#1F2E36

#0B9AE6

#9FCBE3

#34A0D9

#CCDBE3

#383B3D

#37393B

#5BA3C9

#45B8F5

#20A3E8

#8D9DA6

#5BA3C9

#11A4F2

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

#5BA3C9

#22668A

#8CD4FA

#0C405C

#5BA3C9

#42ABE3

#5BA3C9

#33B2F5

#465B66

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

#5BA3C9

#C95BA3

#A3C95B

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

#C9A65B

#5BA3C9

#C95C5B

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

#5BA3C9

#B85BC9

#C9815B

#6CC95B

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

#5BA3C9

#C9815B

#5BA3C9

#C0C6C9

#5BA3C9

#2E5366

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

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

#5BA3C9

#5BA3C9 の色情報

#5BA3C9 の色相別色一覧

#5BA3C9 の彩度別色一覧

#5BA3C9 の明度別色一覧

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

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

#5BA3C9 を使ったカマイユ

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

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

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

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

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

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

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