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

#5AB2B0 の色情報

#5AB2B0

画像
HEX	#5AB2B0
RGB	R:90 G:178 B:176
RGBの割合	R:35.3% G:69.8% B:69.0%
HSV	H:178.6 S:49.4 V:69.8
HSL	H:178.6 S:36.4 L:52.5
CMY	C:64.7 M:30.2 Y:31.0

CMYK	C:49.4 M:0.0 Y:1.1 K:30.2
YCbCr	Y:146.1 Cb:140.1 Cr:89.5
XYZ	X:28.0 Y:37.1 Z:46.8
xyY	x:0.250 y:0.332 Y:37.1

CIE Lab	L:67.4 a:-26.8 b*:-7.1
CIE LCh	L:67.4 C:27.8 h:194.9
CIE Luv	L:67.4 u:-38.3 v*:-6.6
Hunter Lab	L:60.9 a:-24.7 b:-2.8

#5AB2B0 の色相別色一覧

#B26E5A

#B2845A

#B29A5A

#B2B05A

#9EB25A

#88B25A

#72B25A

#5CB25A

#5AB26E

#5AB284

#5AB29A

#5AB2B0

#5A9EB2

#5A88B2

#5A72B2

#5A5CB2

#6E5AB2

#845AB2

#9A5AB2

#B05AB2

#B25A9E

#B25A88

#B25A72

#B25A5C

#5AB2B0 の彩度別色一覧

#AAB2B2

#A1B2B2

#98B2B1

#8FB2B1

#87B2B1

#7EB2B1

#75B2B1

#6CB2B0

#63B2B0

#5AB2B0

#51B2B0

#48B2B0

#3FB2AF

#36B2AF

#2EB2AF

#25B2AF

#1CB2AF

#13B2AE

#0AB2AE

#01B2AE

#5AB2B0 の明度別色一覧

#060C0C

#0D1919

#132625

#1A3332

#203F3F

#264C4B

#2D5958

#336664

#3A7271

#407F7E

#478C8A

#4D9997

#54A5A3

#5AB2B0

#60BFBD

#67CCC9

#6DD8D6

#74E5E2

#7AF2EF

#81FFFC

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

#67F7E1

#5AB2B0

#2E7178

#56898F

#295254

#82EBDC

#5ED4CD

#386B6B

#5AB2B0

#375755

#608D8F

#5AB2B0

#27786D

#A0F5F1

#174D47

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

#A86447

#5756BA

#6FA54F

#5AB2B0

#99458A

#A55A83

#62C15E

#5AB2B0

#A59152

#50449B

#5AB2B0

#625EC1

#C98B60

#6CA34D

#BA4FAA

#5AB2B0 を使ったカマイユ

#60B3B7

#5AC9BD

#6CBFBE

#5AB2B0

#50A5A0

#5AB2B0

#5C9B9B

#5EACAF

#589899

#53AAA3

#49A0A0

#5BC4BA

#57CCBF

#57A3A8

#5AB2B0

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

#6AB5C9

#5BBCB8

#54BFD3

#45A58E

#5AB2B0

#79CFD6

#73CCC4

#5AB2B0

#3A9CA3

#64BFB4

#7BC5CC

#3F8EA3

#78BCAD

#70AEBF

#5AB2B0

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

#5AB2B0

#146E6C

#257A78

#4A8A88

#1E6B69

#5EF2EF

#5AB2B0

#1A3B3A

#458F8D

#253333

#1E403F

#5AB2B0

#758282

#1F918F

#7DC9C8

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

#5AB2B0

#138F8C

#90D4D2

#30F2EE

#5AB2B0

#5D8F8E

#4AD4D1

#5AB2B0

#17615F

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

#5AB2B0

#B05AB2

#B2B05A

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

#B2755A

#5AB2B0

#B25A79

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

#5AB2B0

#845AB2

#B25A5C

#88B25A

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

#5AB2B0

#B25A5C

#5AB2B0

#01B2AE

#5AB2B0

#81FFFC

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

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

#5AB2B0

#5AB2B0 の色情報

#5AB2B0 の色相別色一覧

#5AB2B0 の彩度別色一覧

#5AB2B0 の明度別色一覧

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

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

#5AB2B0 を使ったカマイユ

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

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

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

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

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

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

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