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

#5A8DA2 の色情報

#5A8DA2

画像
HEX	#5A8DA2
RGB	R:90 G:141 B:162
RGBの割合	R:35.3% G:55.3% B:63.5%
HSV	H:197.5 S:44.4 V:63.5
HSL	H:197.5 S:28.6 L:49.4
CMY	C:64.7 M:44.7 Y:36.5

CMYK	C:44.4 M:13.0 Y:0.0 K:36.5
YCbCr	Y:126.1 Cb:144.8 Cr:104.1
XYZ	X:20.3 Y:23.8 Z:37.7
xyY	x:0.248 y:0.291 Y:23.8

CIE Lab	L:55.9 a:-11.3 b*:-16.5
CIE LCh	L:55.9 C:20.0 h:235.5
CIE Luv	L:55.9 u:-23.9 v*:-22.8
Hunter Lab	L:48.8 a:-11.3 b:-11.6

#5A8DA2 の色相別色一覧

#A25D5A

#A26F5A

#A2815A

#A2935A

#9FA25A

#8DA25A

#7BA25A

#69A25A

#5AA25D

#5AA26F

#5AA281

#5AA293

#5A9FA2

#5A8DA2

#5A7BA2

#5A69A2

#5D5AA2

#6F5AA2

#815AA2

#935AA2

#A25A9F

#A25A8D

#A25A7B

#A25A69

#5A8DA2 の彩度別色一覧

#9BA0A2

#939EA2

#8B9BA2

#8399A2

#7A96A2

#7294A2

#6A92A2

#628FA2

#5A8DA2

#528BA2

#4A88A2

#4286A2

#3A84A2

#3281A2

#297FA2

#217CA2

#197AA2

#1178A2

#0975A2

#0173A2

#5A8DA2 の明度別色一覧

#050809

#0C1316

#131E23

#1A292F

#21343C

#283F49

#304A56

#375662

#3E616F

#456C7C

#4C7789

#538295

#5A8DA2

#6198AF

#68A3BC

#6FAEC8

#76B9D5

#7DC4E2

#85D0EF

#8CDBFB

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

#4A707A

#324047

#72AFD1

#5A8DA2

#8ED0F7

#88C8F5

#71A9C2

#4C7980

#203F45

#5A8DA2

#73DEF2

#355B75

#79A2C2

#5A8DA2

#293B45

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

#954766

#5FAF64

#7751A7

#5A8DA2

#BCAF55

#A9AF66

#5FAF71

#985968

#5A8DA2

#7A52AC

#6AA56D

#5A8DA2

#B66E8B

#8B65A7

#8E7743

#5A8DA2 を使ったカマイユ

#5296AC

#64889D

#5F8B98

#5A8DA2

#49778E

#44778B

#6797A5

#448193

#5A8DA2

#62879A

#5A8DA2

#568698

#4B889D

#6299B6

#749CB1

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

#60A7BE

#5F97B1

#5A8DA2

#79A8BE

#63A4AC

#5A8DA2

#5F87B4

#739ABE

#498EAF

#546F7C

#568393

#5A8DA2

#5E858B

#667D93

#597C7E

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

#0B658A

#0B85B8

#5A8DA2

#316175

#0687BD

#5A8DA2

#114154

#0C6E96

#5D8B9E

#07648A

#3D90B3

#258DB8

#2F5261

#5A8DA2

#38B5E8

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

#51C2F0

#5A8DA2

#0F5D7D

#5A8DA2

#08506E

#67C1E6

#5A8DA2

#244D5E

#21A3D9

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

#5A8DA2

#A25A8D

#8DA25A

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

#A2875A

#5A8DA2

#A25A5D

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

#5A8DA2

#935AA2

#A26F5A

#69A25A

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

#5A8DA2

#A26F5A

#5A8DA2

#0975A2

#5A8DA2

#8EDEFF

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

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

#5A8DA2

#5A8DA2 の色情報

#5A8DA2 の色相別色一覧

#5A8DA2 の彩度別色一覧

#5A8DA2 の明度別色一覧

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

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

#5A8DA2 を使ったカマイユ

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

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

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

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

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

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

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