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

#5A8EC9 の色情報

#5A8EC9

画像
HEX	#5A8EC9
RGB	R:90 G:142 B:201
RGBの割合	R:35.3% G:55.7% B:78.8%
HSV	H:211.9 S:55.2 V:78.8
HSL	H:211.9 S:50.7 L:57.1
CMY	C:64.7 M:44.3 Y:21.2

CMYK	C:55.2 M:29.4 Y:0.0 K:21.2
YCbCr	Y:130.4 Cb:161.6 Cr:101.0
XYZ	X:24.4 Y:25.7 Z:58.9
xyY	x:0.224 y:0.236 Y:25.7

CIE Lab	L:57.8 a:-0.1 b*:-35.8
CIE LCh	L:57.8 C:35.8 h:269.8
CIE Luv	L:57.8 u:-23.7 v*:-55.5
Hunter Lab	L:50.7 a:-2.8 b:-33.4

#5A8EC9 の色相別色一覧

#C95E5A

#C9795A

#C9955A

#C9B15A

#C6C95A

#AAC95A

#8EC95A

#72C95A

#5AC95E

#5AC979

#5AC995

#5AC9B1

#5AC6C9

#5AAAC9

#5A8EC9

#5A72C9

#5E5AC9

#795AC9

#955AC9

#B15AC9

#C95AC6

#C95AAA

#C95A8E

#C95A72

#5A8EC9 の彩度別色一覧

#C9C9C9

#BFC3C9

#B4BEC9

#AAB9C9

#A0B3C9

#96AEC9

#8CA9C9

#82A3C9

#789EC9

#6E99C9

#6493C9

#5A8EC9

#5089C9

#4683C9

#3C7EC9

#3279C9

#2873C9

#1E6EC9

#1469C9

#0A63C9

#5A8EC9 の明度別色一覧

#04070A

#0A1017

#101923

#152230

#1B2B3D

#21344A

#273D56

#2C4663

#324F70

#38587D

#3D6189

#436A96

#4973A3

#4F7CB0

#5485BC

#5A8EC9

#6097D6

#65A0E3

#6BA9EF

#71B2FC

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

#355280

#5A8EC9

#3C6F8C

#3D6FE3

#192E4A

#3FABED

#5A8EC9

#58819C

#1E3E54

#1D4C6E

#5A8EC9

#1C3154

#4E6591

#264580

#87C6ED

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

#B8C149

#56C47C

#D34C70

#A358CE

#5A8EC9

#B3BA59

#55B266

#C15162

#5A8EC9

#A753E3

#A363C6

#5A8EC9

#BC4F63

#58DD63

#BAB541

#5A8EC9 を使ったカマイユ

#4776B7

#3F72B5

#5A8EC9

#549BD8

#4B87C6

#4980C6

#5A8EC9

#69A4D3

#72A7D8

#5786B2

#5086DB

#427BB7

#5A8EC9

#67A3E0

#5493CE

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

#488DCE

#5C90B5

#467EB0

#5A8EC9

#407ED6

#7DCDED

#3A8EB2

#56A4D8

#6593B2

#5A8EC9

#439FE0

#3961BF

#5A8EC9

#4679A8

#5C79C4

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

#063F80

#01234A

#002D61

#2C343D

#5A8EC9

#3272BA

#4D9EFA

#5880AD

#4E5257

#5A8EC9

#1A6AC4

#0D2138

#317FD6

#5A8EC9

#0468D9

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

#042F61

#6383A6

#5A8EC9

#084080

#5A8EC9

#8AB4E3

#024899

#5A8EC9

#3F5166

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

#5A8EC9

#C95A8E

#8EC95A

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

#C9BA5A

#5A8EC9

#C9705A

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

#5A8EC9

#C95AC6

#C9955A

#5AC95E

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

#5A8EC9

#C9955A

#5A8EC9

#BFC3C9

#5A8EC9

#2E4866

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

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

#5A8EC9

#5A8EC9 の色情報

#5A8EC9 の色相別色一覧

#5A8EC9 の彩度別色一覧

#5A8EC9 の明度別色一覧

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

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

#5A8EC9 を使ったカマイユ

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

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

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

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

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

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

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