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

#5BA2B0 の色情報

#5BA2B0

画像
HEX	#5BA2B0
RGB	R:91 G:162 B:176
RGBの割合	R:35.7% G:63.5% B:69.0%
HSV	H:189.9 S:48.3 V:69.0
HSL	H:189.9 S:35.0 L:52.4
CMY	C:64.3 M:36.5 Y:31.0

CMYK	C:48.3 M:8.0 Y:0.0 K:31.0
YCbCr	Y:138.3 Cb:144.7 Cr:95.8
XYZ	X:25.1 Y:31.2 Z:45.8
xyY	x:0.246 y:0.306 Y:31.2

CIE Lab	L:62.7 a:-18.5 b*:-14.2
CIE LCh	L:62.7 C:23.3 h:217.5
CIE Luv	L:62.7 u:-31.7 v*:-18.6
Hunter Lab	L:55.9 a:-17.6 b:-9.5

#5BA2B0 の色相別色一覧

#B0695B

#B07E5B

#B0945B

#B0A95B

#A2B05B

#8DB05B

#78B05B

#62B05B

#5BB069

#5BB07E

#5BB094

#5BB0A9

#5BA2B0

#5B8DB0

#5B78B0

#5B62B0

#695BB0

#7E5BB0

#945BB0

#A95BB0

#B05BA2

#B05B8D

#B05B78

#B05B62

#5BA2B0 の彩度別色一覧

#AAAFB0

#A1AEB0

#99ACB0

#90ABB0

#87A9B0

#7EA8B0

#75A6B0

#6DA5B0

#64A3B0

#5BA2B0

#52A1B0

#499FB0

#419EB0

#389CB0

#2F9BB0

#2699B0

#1D98B0

#1596B0

#0C95B0

#0394B0

#5BA2B0 の明度別色一覧

#05090A

#0C1517

#122124

#192D31

#20383D

#26444A

#2D5057

#335C64

#3A6770

#41737D

#477F8A

#4E8B97

#5496A3

#5BA2B0

#62AEBD

#68B9CA

#6FC5D6

#75D1E3

#7CDDF0

#83E8FD

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

#36758C

#34474F

#336373

#70E1EB

#5BA2B0

#87C8D4

#73D1E8

#5BA2B0

#2E4147

#386070

#5BA2B0

#2A484F

#326075

#8ECBE3

#4CCDCF

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

#5BA2B0

#A14E88

#604DA1

#CA925A

#7BBA6F

#70BA66

#9E8B48

#5BA2B0

#7951BA

#9C5879

#B35788

#8DBD6B

#A37A51

#5BA2B0

#7F69C4

#5BA2B0 を使ったカマイユ

#6099A3

#5BA2B0

#4D9AA1

#6598A3

#69ABBD

#6BA7BA

#69AEC4

#5094AB

#5BA2B0

#7ABBCA

#6598A3

#5D99AB

#74ACBD

#68AABA

#5BA2B0

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

#88BAD6

#5BA2B0

#50A19F

#507E91

#3A949E

#5BA2B0

#56B9D4

#72B2D1

#59BAB8

#438A8F

#437E97

#5BA2B0

#5EA4D6

#42A6AB

#457EA6

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

#5BA2B0

#306873

#A1DAE6

#599DAB

#476C73

#88CEDB

#53B0C2

#3A5054

#5BA2B0

#184852

#5BA2B0

#5CBED1

#207080

#6CA3AD

#0D8DA6

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

#337380

#28C0DE

#5BA2B0

#1E5E6B

#5BA2B0

#2DC3E0

#5BA2B0

#2D7887

#0BBBDE

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

#5BA2B0

#B05BA2

#A2B05B

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

#B0855B

#5BA2B0

#B05B69

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

#5BA2B0

#945BB0

#B0695B

#78B05B

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

#5BA2B0

#B0695B

#5BA2B0

#0394B0

#5BA2B0

#84EBFF

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

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

#5BA2B0

#5BA2B0 の色情報

#5BA2B0 の色相別色一覧

#5BA2B0 の彩度別色一覧

#5BA2B0 の明度別色一覧

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

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

#5BA2B0 を使ったカマイユ

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

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

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

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

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

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

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