#3950B2｜カラーサイト.com

#3950B2 の色情報

#3950B2

画像
HEX	#3950B2
RGB	R:57 G:80 B:178
RGBの割合	R:22.4% G:31.4% B:69.8%
HSV	H:228.6 S:68.0 V:69.8
HSL	H:228.6 S:51.5 L:46.1
CMY	C:77.6 M:68.6 Y:30.2

CMYK	C:68.0 M:55.1 Y:0.0 K:30.2
YCbCr	Y:88.4 Cb:174.4 Cr:110.9
XYZ	X:12.6 Y:9.8 Z:43.4
xyY	x:0.191 y:0.149 Y:9.8

CIE Lab	L:37.5 a:24.2 b*:-54.9
CIE LCh	L:37.5 C:60.0 h:293.8
CIE Luv	L:37.5 u:-11.8 v*:-79.7
Hunter Lab	L:31.3 a:16.9 b:-60.1

#3950B2 の色相別色一覧

#B24039

#B25F39

#B27D39

#B29B39

#ABB239

#8DB239

#6EB239

#50B239

#39B240

#39B25F

#39B27D

#39B29B

#39ABB2

#398DB2

#396EB2

#3950B2

#4039B2

#5F39B2

#7D39B2

#9B39B2

#B239AB

#B2398D

#B2396E

#B23950

#3950B2 の彩度別色一覧

#ADAEB2

#A4A6B2

#9B9FB2

#9298B2

#8991B2

#808AB2

#7782B2

#6E7BB2

#6674B2

#5D6DB2

#5466B2

#4B5EB2

#4257B2

#3950B2

#3049B2

#2742B2

#1E3AB2

#1533B2

#0D2CB2

#0425B2

#3950B2 の明度別色一覧

#04060C

#080B19

#0C1126

#101733

#141C3F

#18224C

#1C2859

#212E66

#253372

#29397F

#2D3F8C

#314599

#354AA5

#3950B2

#3D56BF

#415BCC

#4561D8

#4967E5

#4D6DF2

#5172FF

#3950B2 を使ったトーンオントーン

#193470

#14254D

#6B8FE8

#364F96

#3950B2

#243047

#3067D1

#3950B2

#1E2569

#315CF2

#6F82E8

#235CCC

#3950B2

#344373

#283254

#3950B2 を使ったトーンイントーン

#6D993D

#3950B2

#AD583D

#3DA57B

#933C99

#51C176

#3950B2

#BF4843

#A4AF31

#90419B

#4EC480

#A62EB7

#B0BF4C

#3950B2

#A34844

#3950B2 を使ったカマイユ

#2B4CC1

#424C9E

#3B4BA0

#2C3EAA

#3950B2

#28379B

#2E47BF

#4C6CBF

#3950B2

#415CA8

#3950B2

#3350B5

#3C55B5

#3545B7

#293AA3

#3950B2 を使ったフォカマイユ

#302ED1

#2159C4

#4C5CBF

#3950B2

#5B55BC

#4168A8

#21269B

#3950B2

#2163C4

#1F4B8E

#282ED1

#4F5DD1

#3950B2

#5E5DCE

#40478E

#3950B2 を使ったドミナントカラー

#676B7A

#6A77AD

#3950B2

#3455E3

#30459C

#2039A1

#3950B2

#BBC5F0

#1230B0

#828CB5

#5874E8

#26367A

#243478

#1F39AB

#3950B2

#3950B2 を使ったトライアド

#3950B2

#B23950

#50B239

#3950B2 を使ったスプリットコンプリメンタリー

#A1B239

#3950B2

#B27339

#3950B2 を使ったテトラード

#3950B2

#B2398D

#B29B39

#39B25F

#3950B2 を使ったコントラスト

#3950B2

#B29B39

#3950B2

#9298B2

#3950B2

#5273FF

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

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

#3950B2

#3950B2 の色情報

#3950B2 の色相別色一覧

#3950B2 の彩度別色一覧

#3950B2 の明度別色一覧

#3950B2 を使ったトーンオントーン

#3950B2 を使ったトーンイントーン

#3950B2 を使ったカマイユ

#3950B2 を使ったフォカマイユ

#3950B2 を使ったドミナントカラー

#3950B2 を使ったトライアド

#3950B2 を使ったスプリットコンプリメンタリー

#3950B2 を使ったテトラード

#3950B2 を使ったコントラスト