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

#5C85A2 の色情報

#5C85A2

画像
HEX	#5C85A2
RGB	R:92 G:133 B:162
RGBの割合	R:36.1% G:52.2% B:63.5%
HSV	H:204.9 S:43.2 V:63.5
HSL	H:204.9 S:27.3 L:49.8
CMY	C:63.9 M:47.8 Y:36.5

CMYK	C:43.2 M:17.9 Y:0.0 K:36.5
YCbCr	Y:122.6 Cb:146.8 Cr:107.9
XYZ	X:19.3 Y:21.7 Z:37.3
xyY	x:0.247 y:0.277 Y:21.7

CIE Lab	L:53.7 a:-6.3 b*:-19.9
CIE LCh	L:53.7 C:20.9 h:252.5
CIE Luv	L:53.7 u:-19.9 v*:-28.6
Hunter Lab	L:46.5 a:-7.3 b:-15.0

#5C85A2 の色相別色一覧

#A2685C

#A2795C

#A28B5C

#A29C5C

#97A25C

#85A25C

#74A25C

#62A25C

#5CA268

#5CA279

#5CA28B

#5CA29C

#5C97A2

#5C85A2

#5C74A2

#5C62A2

#685CA2

#795CA2

#8B5CA2

#9C5CA2

#A25C97

#A25C85

#A25C74

#A25C62

#5C85A2 の彩度別色一覧

#9DA0A2

#959CA2

#8D99A2

#8596A2

#7C92A2

#748FA2

#6C8CA2

#6488A2

#5C85A2

#5482A2

#4C7EA2

#447BA2

#3C78A2

#3474A2

#2B71A2

#236EA2

#1B6AA2

#1367A2

#0B63A2

#0360A2

#5C85A2 の明度別色一覧

#050709

#0C1216

#141C23

#1B272F

#22313C

#293C49

#314656

#385162

#3F5B6F

#46667C

#4E7089

#557B95

#5C85A2

#638FAF

#6A9ABC

#72A4C8

#79AFD5

#80B9E2

#87C4EF

#8FCEFB

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

#5C85A2

#7CAACC

#6FBBE3

#2D3A45

#3D5369

#1D3847

#B2D0F5

#5C85A2

#609CC9

#2C4D6E

#5C85A2

#344859

#83B6E3

#5998D1

#537480

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

#5C85A2

#90935B

#6E4798

#A56C7A

#6AAF78

#7B568E

#5C85A2

#8B565D

#64A76D

#ADB15A

#B9A865

#48904B

#5C85A2

#785690

#986470

#5C85A2 を使ったカマイユ

#5E7F95

#527593

#5C85A2

#6589AA

#5D86AC

#55788B

#5C91B9

#6792B9

#5C85A2

#7399B6

#55789A

#5C85A2

#5687AC

#6988A7

#4D819A

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

#5C85A2

#78A8B4

#6A8195

#5B7981

#4F7690

#5C85A2

#4E98AF

#688BB1

#83A8B6

#5C7A93

#528CBC

#5C85A2

#5A86BC

#536B98

#889EC6

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

#8CA0AD

#5C85A2

#46ABF2

#064978

#7295AD

#5C85A2

#0B2638

#84BFE8

#A9BCC9

#5B94BD

#474D52

#243C4D

#058EF0

#6D8494

#5C85A2

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

#21435C

#0B8AE3

#5C85A2

#5A9DCC

#03426E

#5C85A2

#57A3D9

#5C85A2

#0A3D61

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

#5C85A2

#A25C85

#85A25C

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

#A2905C

#5C85A2

#A2625C

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

#5C85A2

#9C5CA2

#A2795C

#62A25C

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

#5C85A2

#A2795C

#5C85A2

#0B63A2

#5C85A2

#91D1FF

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

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

#5C85A2

#5C85A2 の色情報

#5C85A2 の色相別色一覧

#5C85A2 の彩度別色一覧

#5C85A2 の明度別色一覧

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

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

#5C85A2 を使ったカマイユ

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

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

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

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

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

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

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