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

#5A8EA2 の色情報

#5A8EA2

画像
HEX	#5A8EA2
RGB	R:90 G:142 B:162
RGBの割合	R:35.3% G:55.7% B:63.5%
HSV	H:196.7 S:44.4 V:63.5
HSL	H:196.7 S:28.6 L:49.4
CMY	C:64.7 M:44.3 Y:36.5

CMYK	C:44.4 M:12.3 Y:0.0 K:36.5
YCbCr	Y:126.6 Cb:144.5 Cr:103.8
XYZ	X:20.4 Y:24.1 Z:37.8
xyY	x:0.248 y:0.293 Y:24.1

CIE Lab	L:56.2 a:-11.9 b*:-16.0
CIE LCh	L:56.2 C:19.9 h:233.5
CIE Luv	L:56.2 u:-24.3 v*:-22.1
Hunter Lab	L:49.1 a:-11.8 b:-11.2

#5A8EA2 の色相別色一覧

#A25C5A

#A26E5A

#A2805A

#A2925A

#A0A25A

#8EA25A

#7CA25A

#6AA25A

#5AA25C

#5AA26E

#5AA280

#5AA292

#5AA0A2

#5A8EA2

#5A7CA2

#5A6AA2

#5C5AA2

#6E5AA2

#805AA2

#925AA2

#A25AA0

#A25A8E

#A25A7C

#A25A6A

#5A8EA2 の彩度別色一覧

#9BA0A2

#939EA2

#8B9CA2

#8399A2

#7A97A2

#7295A2

#6A93A2

#6290A2

#5A8EA2

#528CA2

#4A8AA2

#4287A2

#3A85A2

#3283A2

#2981A2

#217EA2

#197CA2

#117AA2

#0978A2

#0175A2

#5A8EA2 の明度別色一覧

#050809

#0C1316

#131E23

#1A292F

#21353C

#284049

#304B56

#375662

#3E616F

#456C7C

#4C7889

#538395

#5A8EA2

#6199AF

#68A4BC

#6FB0C8

#76BBD5

#7DC6E2

#85D1EF

#8CDCFB

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

#92CCFA

#3A4C52

#6FAFCC

#5A8EA2

#5B6C78

#39575C

#70C3D1

#5A8EA2

#53ADE3

#2C6E7A

#A0D3E3

#5A8EA2

#2D4F54

#305D80

#4AA0C4

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

#AF5A6B

#ACAA5B

#4C8B53

#5A8EA2

#8165A5

#ACAF71

#885BAC

#5A8EA2

#62B46B

#A7626B

#8C5BB1

#AF5572

#5A8EA2

#68B468

#908C57

#5A8EA2 を使ったカマイユ

#699AA7

#5A798B

#5A8EA2

#629BB6

#699AA7

#5598BC

#77ADBC

#5492AC

#4A7F8E

#5A8EA2

#578298

#417C8E

#577F95

#518BA7

#5A8EA2

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

#5A8EA2

#7CA0C6

#549BC6

#6B92B4

#518AAA

#4F87A7

#4E7986

#5A8EA2

#648090

#49809D

#5A8EA2

#4C9DA7

#84A8BE

#539DC3

#80B6BE

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

#5A8EA2

#3C697A

#33444A

#36677A

#04374A

#2B454F

#202E33

#25363D

#3D4E54

#5A8EA2

#4D5A5E

#0B2D3B

#60D1FC

#30393D

#5A8EA2

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

#2D5666

#5A8EA2

#0090C7

#0B8DBF

#5A8EA2

#52CBFA

#244C5C

#5A8EA2

#3BC1F5

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

#5A8EA2

#A25A8E

#8EA25A

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

#A2865A

#5A8EA2

#A25A5E

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

#5A8EA2

#925AA2

#A26E5A

#6AA25A

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

#5A8EA2

#A26E5A

#5A8EA2

#0978A2

#5A8EA2

#8EE0FF

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

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

#5A8EA2

#5A8EA2 の色情報

#5A8EA2 の色相別色一覧

#5A8EA2 の彩度別色一覧

#5A8EA2 の明度別色一覧

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

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

#5A8EA2 を使ったカマイユ

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

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

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

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

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

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

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