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

#5C8DD2 の色情報

#5C8DD2

画像
HEX	#5C8DD2
RGB	R:92 G:141 B:210
RGBの割合	R:36.1% G:55.3% B:82.4%
HSV	H:215.1 S:56.2 V:82.4
HSL	H:215.1 S:56.7 L:59.2
CMY	C:63.9 M:44.7 Y:17.6

CMYK	C:56.2 M:32.9 Y:0.0 K:17.6
YCbCr	Y:131.3 Cb:165.5 Cr:101.6
XYZ	X:25.6 Y:26.0 Z:64.6
xyY	x:0.220 y:0.224 Y:26.0

CIE Lab	L:58.0 a:3.7 b*:-40.5
CIE LCh	L:58.0 C:40.7 h:275.3
CIE Luv	L:58.0 u:-22.7 v*:-63.7
Hunter Lab	L:51.0 a:0.4 b:-39.5

#5C8DD2 の色相別色一覧

#D2665C

#D2845C

#D2A15C

#D2BF5C

#C8D25C

#ABD25C

#8DD25C

#70D25C

#5CD266

#5CD284

#5CD2A1

#5CD2BF

#5CC8D2

#5CABD2

#5C8DD2

#5C70D2

#665CD2

#845CD2

#A15CD2

#BF5CD2

#D25CC8

#D25CAB

#D25C8D

#D25C70

#5C8DD2 の彩度別色一覧

#D0D1D2

#C5CAD2

#BBC4D2

#B0BED2

#A6B8D2

#9BB2D2

#91ACD2

#86A6D2

#7C9FD2

#7199D2

#6793D2

#5C8DD2

#5287D2

#4781D2

#3D7BD2

#3274D2

#286ED2

#1D68D2

#1362D2

#085CD2

#5C8DD2 の明度別色一覧

#030406

#080D13

#0E1520

#131E2C

#192639

#1F2F46

#243753

#2A405F

#2F496C

#355179

#3A5A86

#406292

#466B9F

#4B73AC

#517CB9

#5684C5

#5C8DD2

#6296DF

#679EEC

#6DA7F8

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

#1E4073

#5C8DD2

#677DB5

#303A52

#2E5694

#365C7A

#3F6B94

#294157

#9CD0F5

#5C8DD2

#4E98ED

#5C8DD2

#4E718F

#1B2F45

#314C73

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

#C36253

#A5C065

#6AD598

#5C8DD2

#C666CD

#69DCB8

#CD57E1

#5C8DD2

#91B953

#E98164

#43BB59

#BD58DC

#B3BE51

#E95D72

#5C8DD2

#5C8DD2 を使ったカマイユ

#5687D7

#679ACF

#5C8DD2

#5F8ACF

#5A84B9

#4B75BE

#4F91DC

#4673C3

#5C8DD2

#4F86E4

#5C89D7

#568CE9

#5C8DD2

#558ECF

#73A6DA

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

#5FB0EE

#606FAC

#3E69D7

#5C8DD2

#67ACF6

#6DC1EE

#5C8DD2

#3A54AC

#879EE6

#5B7CC3

#639BB9

#5EA7E6

#5C8DD2

#3885AC

#6199F3

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

#5C8DD2

#1D3557

#132E54

#26374F

#5B7FB3

#5F84B8

#A9BBD4

#5C8DD2

#415F8A

#3C4757

#5C8DD2

#9EA4AD

#7E8DA3

#727982

#0A70FF

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

#4D94F7

#5C8DD2

#043E8F

#3267B3

#173661

#5C8DD2

#193459

#5C8DD2

#265BA6

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

#5C8DD2

#D25C8D

#8DD25C

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

#D2C85C

#5C8DD2

#D27A5C

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

#5C8DD2

#D25CC8

#D2A15C

#5CD266

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

#5C8DD2

#D2A15C

#5C8DD2

#C5CAD2

#5C8DD2

#2D4466

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

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

#5C8DD2

#5C8DD2 の色情報

#5C8DD2 の色相別色一覧

#5C8DD2 の彩度別色一覧

#5C8DD2 の明度別色一覧

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

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

#5C8DD2 を使ったカマイユ

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

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

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

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

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

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

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