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

#5A85A2 の色情報

#5A85A2

画像
HEX	#5A85A2
RGB	R:90 G:133 B:162
RGBの割合	R:35.3% G:52.2% B:63.5%
HSV	H:204.2 S:44.4 V:63.5
HSL	H:204.2 S:28.6 L:49.4
CMY	C:64.7 M:47.8 Y:36.5

CMYK	C:44.4 M:17.9 Y:0.0 K:36.5
YCbCr	Y:122.0 Cb:147.1 Cr:107.1
XYZ	X:19.1 Y:21.6 Z:37.3
xyY	x:0.245 y:0.276 Y:21.6

CIE Lab	L:53.6 a:-6.8 b*:-20.1
CIE LCh	L:53.6 C:21.2 h:251.3
CIE Luv	L:53.6 u:-20.6 v*:-28.8
Hunter Lab	L:46.4 a:-7.7 b:-15.2

#5A85A2 の色相別色一覧

#A2655A

#A2775A

#A2895A

#A29B5A

#97A25A

#85A25A

#73A25A

#61A25A

#5AA265

#5AA277

#5AA289

#5AA29B

#5A97A2

#5A85A2

#5A73A2

#5A61A2

#655AA2

#775AA2

#895AA2

#9B5AA2

#A25A97

#A25A85

#A25A73

#A25A61

#5A85A2 の彩度別色一覧

#9B9FA2

#939CA2

#8B99A2

#8395A2

#7A92A2

#728FA2

#6A8CA2

#6288A2

#5A85A2

#5282A2

#4A7EA2

#427BA2

#3A78A2

#3275A2

#2971A2

#216EA2

#196BA2

#1168A2

#0964A2

#0161A2

#5A85A2 の明度別色一覧

#050709

#0C1216

#131C23

#1A272F

#21313C

#283C49

#304656

#375162

#3E5B6F

#45667C

#4C7089

#537B95

#5A85A2

#618FAF

#689ABC

#6FA4C8

#76AFD5

#7DB9E2

#85C4EF

#8CCEFB

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

#7AB7D4

#2E556B

#5A85A2

#2A3B47

#9BD9ED

#8FBFD1

#5A85A2

#356880

#213F52

#98C5F0

#5A85A2

#486880

#2E3F4F

#71B1D6

#81BEF5

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

#897F40

#5A85A2

#8B495E

#9F70BC

#598B56

#895859

#85934F

#58B981

#7E4C90

#5A85A2

#8958A7

#56A566

#8F9560

#B9797A

#5A85A2 を使ったカマイユ

#50718E

#4D81AA

#5792B4

#5A85A2

#5288B4

#608198

#497F9A

#51738E

#5A85A2

#5792B4

#6D8FAC

#5A85A2

#548195

#4A728B

#6B9BB4

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

#5B86B4

#5A6B8B

#41668E

#54698E

#5A85A2

#4D86B9

#5A85A2

#4E6E86

#3D7B86

#679EC1

#486386

#50757E

#5A85A2

#4C6783

#82B1BC

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

#CAD6DE

#162733

#43474A

#D9EDFA

#5A85A2

#0874BD

#3B4145

#5A85A2

#1990E0

#373C40

#5A85A2

#40ACF5

#1876B5

#5B6E7A

#1D9BF0

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

#084B78

#5CB9F7

#5A85A2

#43B0FA

#5A85A2

#074773

#1E4B69

#5A85A2

#1899F0

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

#5A85A2

#A25A85

#85A25A

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

#A28F5A

#5A85A2

#A25F5A

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

#5A85A2

#9B5AA2

#A2775A

#61A25A

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

#5A85A2

#A2775A

#5A85A2

#0964A2

#5A85A2

#8ED1FF

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

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

#5A85A2

#5A85A2 の色情報

#5A85A2 の色相別色一覧

#5A85A2 の彩度別色一覧

#5A85A2 の明度別色一覧

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

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

#5A85A2 を使ったカマイユ

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

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

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

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

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

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

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