#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 を使ったトーンオントーン

#1F3D69

#172C52

#375CA3

#0C6EBD

#3C85E2

#0D3959

#1C53B5

#3C85E2

#115AA1

#134073

#3C85E2

#193E78

#0F5E91

#4784B3

#13364F

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

#D8EA30

#2CFC88

#A231C9

#FC5970

#3C85E2

#C145D5

#EF3F3B

#4CD57D

#BCCB46

#35D885

#DA6349

#B6D84F

#3C85E2

#DC4CEA

#3C85E2 を使ったカマイユ

#2176C9

#3B74D5

#2872EF

#2996F9

#3C85E2

#3585F4

#4381EA

#2D81F4

#3C85E2

#267CCB

#3C85E2

#2579D0

#548AEC

#2E79DF

#2C69D8

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

#507AFF

#1C77C3

#3C85E2

#61A7FC

#2765DD

#2556D0

#2A71D8

#2651C3

#3C85E2

#1D7DE7

#4EACF6

#3C85E2

#2095FF

#5294D0

#589EFE

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

#3C85E2

#33373D

#5E7FA8

#86ABD9

#182E4A

#48576B

#8BACD6

#3C85E2

#5B718C

#2D3B4D

#345682

#1C2736

#474C52

#3C85E2

#6C7A8C

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

#3C85E2

#355175

#87A3C7

#486FA1

#4B596B

#3C85E2

#1E63BA

#495F7A

#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 を使ったコントラスト