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

#5A89A3 の色情報

#5A89A3

画像
HEX	#5A89A3
RGB	R:90 G:137 B:163
RGBの割合	R:35.3% G:53.7% B:63.9%
HSV	H:201.4 S:44.8 V:63.9
HSL	H:201.4 S:28.9 L:49.6
CMY	C:64.7 M:46.3 Y:36.1

CMYK	C:44.8 M:16.0 Y:0.0 K:36.1
YCbCr	Y:124.2 Cb:146.4 Cr:105.5
XYZ	X:19.8 Y:22.7 Z:38.0
xyY	x:0.246 y:0.282 Y:22.7

CIE Lab	L:54.8 a:-8.8 b*:-18.8
CIE LCh	L:54.8 C:20.7 h:244.9
CIE Luv	L:54.8 u:-22.2 v*:-26.7
Hunter Lab	L:47.7 a:-9.3 b:-13.9

#5A89A3 の色相別色一覧

#A3625A

#A3745A

#A3865A

#A3995A

#9BA35A

#89A35A

#77A35A

#65A35A

#5AA362

#5AA374

#5AA386

#5AA399

#5A9BA3

#5A89A3

#5A77A3

#5A65A3

#625AA3

#745AA3

#865AA3

#995AA3

#A35A9B

#A35A89

#A35A77

#A35A65

#5A89A3 の彩度別色一覧

#9BA0A3

#939DA3

#8B9AA3

#8398A3

#7B95A3

#7292A3

#6A8FA3

#628CA3

#5A89A3

#5286A3

#4A83A3

#4280A3

#397DA3

#317AA3

#2978A3

#2175A3

#1972A3

#116FA3

#096CA3

#0069A3

#5A89A3 の明度別色一覧

#06080A

#0D1317

#141E24

#1B2930

#22333D

#293E4A

#304957

#375363

#3E5E70

#45697D

#4C748A

#537E96

#5A89A3

#6194B0

#689EBD

#6FA9C9

#76B4D6

#7DBFE3

#84C9F0

#8BD4FC

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

#5A89A3

#2A4B5C

#99BCD4

#5399E6

#445B73

#4F8BC4

#84CFF0

#5A89A3

#2A4454

#2E6380

#28496B

#61B4C9

#6BCAE3

#254357

#5A89A3

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

#5A89A3

#59946C

#BD758E

#8457AD

#B2AF5D

#5A89A3

#B56281

#8C8B50

#8E5EB5

#5F9E61

#BDAD5D

#5FB065

#5A89A3

#6C438F

#944458

#5A89A3 を使ったカマイユ

#5795BD

#548FB2

#5594AD

#5A89A3

#709FB7

#5A89A3

#5587A0

#66A2BD

#5B8CB2

#558FAD

#558EB0

#5A89A3

#6AA4BA

#48738A

#5597B0

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

#395887

#578591

#5A818F

#5A89A3

#3C6196

#458BAB

#719AC2

#5A89A3

#54748A

#4F7EAB

#57677F

#5F7B99

#80AEC4

#5A89A3

#5E7E8A

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

#289FE0

#5A89A3

#5B9DC2

#1A2C36

#7EC5ED

#028CD9

#5A89A3

#0C3A54

#6DA2BF

#054061

#6FC7F7

#3F85AB

#0E3B54

#5A89A3

#4DBCFA

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

#5A89A3

#A35A89

#89A35A

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

#A38C5A

#5A89A3

#A35C5A

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

#5A89A3

#995AA3

#A3745A

#65A35A

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

#5A89A3

#A3745A

#5A89A3

#096CA3

#5A89A3

#8DD6FF

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

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

#5A89A3

#5A89A3 の色情報

#5A89A3 の色相別色一覧

#5A89A3 の彩度別色一覧

#5A89A3 の明度別色一覧

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

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

#5A89A3 を使ったカマイユ

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

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

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

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

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

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