#3C85E2｜カラーサイト.com

#3C85E2 の色情報

#3C85E2

画像
HEX	#3C85E2
RGB	R:60 G:133 B:226
RGBの割合	R:23.5% G:52.2% B:88.6%
HSV	H:213.6 S:73.5 V:88.6
HSL	H:213.6 S:74.1 L:56.1
CMY	C:76.5 M:47.8 Y:11.4

CMYK	C:73.5 M:41.2 Y:0.0 K:11.4
YCbCr	Y:120.6 Cb:179.6 Cr:89.3
XYZ	X:24.0 Y:23.2 Z:75.2
xyY	x:0.196 y:0.190 Y:23.2

CIE Lab	L:55.3 a:8.6 b*:-53.8
CIE LCh	L:55.3 C:54.5 h:279.1
CIE Luv	L:55.3 u:-27.0 v*:-85.3
Hunter Lab	L:48.2 a:4.5 b:-58.7

#3C85E2 の色相別色一覧

#E2463C

#E2703C

#E2993C

#E2C33C

#D8E23C

#AFE23C

#85E23C

#5CE23C

#3CE246

#3CE270

#3CE299

#3CE2C3

#3CD8E2

#3CAFE2

#3C85E2

#3C5CE2

#463CE2

#703CE2

#993CE2

#C33CE2

#E23CD8

#E23CAF

#E23C85

#E23C5C

#3C85E2 の彩度別色一覧

#DADEE2

#CFD7E2

#C4D1E2

#B8CBE2

#ADC4E2

#A2BEE2

#96B8E2

#8BB1E2

#80ABE2

#75A5E2

#699EE2

#5E98E2

#5392E2

#478BE2

#3C85E2

#317FE2

#2578E2

#1A72E2

#0F6CE2

#0465E2

#3C85E2 の明度別色一覧

#020509

#060D16

#091423

#0D1C30

#10233C

#132B49

#173256

#1A3A63

#1E416F

#21497C

#245089

#285896

#2B5FA2

#2E67AF

#326EBC

#3576C9

#397DD5

#3C85E2

#3F8DEF

#4394FC

#3C85E2 を使ったトーンオントーン

#314670

#3C85E2

#0B334F

#1350B5

#266994

#143659

#28516B

#496BB8

#15649E

#3C85E2

#23365C

#4275B5

#2B4E78

#3C85E2

#3A6B8C

#3C85E2 を使ったトーンイントーン

#3C85E2

#BF36EF

#D5EC4D

#30D574

#DD5152

#3C85E2

#D8C24B

#933ACB

#3DE729

#D32955

#C94525

#3C85E2

#A5D044

#B62FC9

#36DA76

#3C85E2 を使ったカマイユ

#3C85E2

#2B7EDA

#328CEA

#327ED3

#4781EA

#427FD3

#3C85E2

#2C78F9

#2E88DF

#4388F4

#518CEA

#4497E7

#2870F1

#498EDA

#3C85E2

#3C85E2 を使ったフォカマイユ

#3192D0

#3C85E2

#1A3DD3

#628DFE

#204DFC

#329ED3

#3C85E2

#4E9EDA

#2C4FBC

#2340BC

#3996FE

#4A81D0

#4A68C6

#5DA7FF

#3C85E2

#3C85E2 を使ったドミナントカラー

#878E96

#B0BED1

#586270

#69A9FA

#3C85E2

#6296D9

#2F4561

#0C4996

#162538

#3C85E2

#C5DCFA

#7D92AD

#213F66

#083C80

#3C85E2 を使ったアイデンティティ

#032F66

#627B9C

#3C85E2

#0051B8

#46586E

#3C85E2

#00306E

#446794

#3C85E2 を使ったトライアド

#3C85E2

#E23C85

#85E23C

#3C85E2 を使ったスプリットコンプリメンタリー

#E2D03C

#3C85E2

#E2623C

#3C85E2 を使ったテトラード

#3C85E2

#E23CD8

#E2993C

#3CE246

#3C85E2 を使ったコントラスト

#3C85E2

#E2993C

#3C85E2

#ADC4E2

#3C85E2

#1B3C66

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

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

#3C85E2

#3C85E2 の色情報

#3C85E2 の色相別色一覧

#3C85E2 の彩度別色一覧

#3C85E2 の明度別色一覧

#3C85E2 を使ったトーンオントーン

#3C85E2 を使ったトーンイントーン

#3C85E2 を使ったカマイユ

#3C85E2 を使ったフォカマイユ

#3C85E2 を使ったドミナントカラー

#3C85E2 を使ったアイデンティティ

#3C85E2 を使ったトライアド

#3C85E2 を使ったスプリットコンプリメンタリー

#3C85E2 を使ったテトラード

#3C85E2 を使ったコントラスト