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

#5AA6B0 の色情報

#5AA6B0

画像
HEX	#5AA6B0
RGB	R:90 G:166 B:176
RGBの割合	R:35.3% G:65.1% B:69.0%
HSV	H:187.0 S:48.9 V:69.0
HSL	H:187.0 S:35.2 L:52.2
CMY	C:64.7 M:34.9 Y:31.0

CMYK	C:48.9 M:5.7 Y:0.0 K:31.0
YCbCr	Y:140.0 Cb:143.6 Cr:93.9
XYZ	X:25.7 Y:32.6 Z:46.0
xyY	x:0.246 y:0.312 Y:32.6

CIE Lab	L:63.8 a:-20.8 b*:-12.5
CIE LCh	L:63.8 C:24.2 h:211.0
CIE Luv	L:63.8 u:-33.6 v*:-15.7
Hunter Lab	L:57.1 a:-19.6 b:-7.8

#5AA6B0 の色相別色一覧

#B0645A

#B07A5A

#B08F5A

#B0A55A

#A6B05A

#91B05A

#7BB05A

#66B05A

#5AB064

#5AB07A

#5AB08F

#5AB0A5

#5AA6B0

#5A91B0

#5A7BB0

#5A66B0

#645AB0

#7A5AB0

#8F5AB0

#A55AB0

#B05AA6

#B05A91

#B05A7B

#B05A66

#5AA6B0 の彩度別色一覧

#A9AFB0

#A0AEB0

#98ADB0

#8FACB0

#86ABB0

#7DAAB0

#74A9B0

#6CA8B0

#63A7B0

#5AA6B0

#51A5B0

#48A4B0

#40A3B0

#37A2B0

#2EA1B0

#25A0B0

#1C9FB0

#149EB0

#0B9DB0

#029CB0

#5AA6B0 の明度別色一覧

#050A0A

#0C1617

#122224

#192E31

#1F3A3D

#26464A

#2C5257

#335E64

#396A70

#40767D

#46828A

#4D8E97

#539AA3

#5AA6B0

#61B2BD

#67BECA

#6ECAD6

#74D6E3

#7BE2F0

#81EEFD

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

#3F7073

#5AA6B0

#1D4654

#54CFE8

#6A9694

#205354

#AAEDF2

#4B767A

#5AA6B0

#5F8896

#83D5F2

#203A45

#52C5D6

#507B7D

#5AA6B0

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

#9E8554

#5AA6B0

#8665AB

#B35879

#75C472

#AD608D

#A38F4D

#61C464

#6E5ABF

#5AA6B0

#BD5992

#A1864C

#5E4DA1

#559E43

#5AA6B0 を使ったカマイユ

#5AA6B0

#4EA5BA

#4DACB3

#46909C

#61A6AD

#54A7AB

#5AADBF

#4C959C

#61BAC4

#5AA6B0

#73BECA

#57999C

#56BEC2

#659BA8

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

#54BDC7

#81C1D4

#57B5D4

#69ABBF

#5AA6B0

#428C8B

#6BBFB5

#4DBFD4

#548A97

#5AA6B0

#558291

#4F9CAB

#7EC2BD

#3B8B94

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

#175B63

#A9C3C7

#076D7A

#5AA6B0

#48D5E8

#1A545C

#333838

#A4E5ED

#9EDDE6

#5AA6B0

#33848F

#03616E

#3B656B

#5AA6B0

#14B7CC

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

#5AA6B0

#185D66

#55D5E6

#15717D

#4ABFCF

#5AA6B0

#57868C

#08B7CF

#5AA6B0

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

#5AA6B0

#B05AA6

#A6B05A

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

#B0815A

#5AA6B0

#B05A6D

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

#5AA6B0

#8F5AB0

#B0645A

#7BB05A

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

#5AA6B0

#B0645A

#5AA6B0

#029CB0

#5AA6B0

#82F1FF

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

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

#5AA6B0

#5AA6B0 の色情報

#5AA6B0 の色相別色一覧

#5AA6B0 の彩度別色一覧

#5AA6B0 の明度別色一覧

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

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

#5AA6B0 を使ったカマイユ

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

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

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

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

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

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

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