#3f14e2 hex color

In a RGB color space, hex #3f14e2 is composed of 24.7% red, 7.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 91.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.5 degrees, a saturation of 83.7% and a lightness of 48.2%. #3f14e2 color hex could be obtained by blending #7e28ff with #0000c5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 25
- G 8
- B 89
RGB color chart
- C 72
- M 91
- Y 0
- K 11
CMYK color chart

● #3f14e2 color description : Vivid blue.

The hexadecimal color #3f14e2 has RGB values of R:63, G:20, B:226 and CMYK values of C:0.72, M:0.91, Y:0, K:0.11. Its decimal value is 4134114.

Hex triplet	3f14e2	`#3f14e2`
RGB Decimal	63, 20, 226	`rgb(63,20,226)`
RGB Percent	24.7, 7.8, 88.6	`rgb(24.7%,7.8%,88.6%)`
CMYK	72, 91, 0, 11
HSL	252.5°, 83.7, 48.2	`hsl(252.5,83.7%,48.2%)`
HSV (or HSB)	252.5°, 91.2, 88.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.914, 69.694, -92.005
XYZ	16.025, 7.047, 72.463
xyY	0.168, 0.074, 7.047
CIE-LCH	31.914, 115.421, 307.144
CIE-LUV	31.914, -3.661, -116.711
Hunter-Lab	26.547, 61.295, -143.259
Binary	00111111, 00010100, 11100010

#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#b7e214
```
#b7e214 rgb(183,226,20)
```

Complementary Color

#1450e2
```
#1450e2 rgb(20,80,226)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#a614e2
```
#a614e2 rgb(166,20,226)
```

Analogous Color

#50e214
```
#50e214 rgb(80,226,20)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#e2a614
```
#e2a614 rgb(226,166,20)
```

Split Complementary Color

#14e23f
```
#14e23f rgb(20,226,63)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#e23f14
```
#e23f14 rgb(226,63,20)
```

Triadic Color

#14b7e2
```
#14b7e2 rgb(20,183,226)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#e23f14
```
#e23f14 rgb(226,63,20)
```
#b7e214
```
#b7e214 rgb(183,226,20)
```

Tetradic Color

#2b0e9c
```
#2b0e9c rgb(43,14,156)
```
#3210b3
```
#3210b3 rgb(50,16,179)
```
#3812cb
```
#3812cb rgb(56,18,203)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#4e24ec
```
#4e24ec rgb(78,36,236)
```
#613bee
```
#613bee rgb(97,59,238)
```
#7453f0
```
#7453f0 rgb(116,83,240)
```

Monochromatic Color

Below, you can see some colors close to #3f14e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#141de2
```
#141de2 rgb(20,29,226)
```
#1d14e2
```
#1d14e2 rgb(29,20,226)
```
#2e14e2
```
#2e14e2 rgb(46,20,226)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#5014e2
```
#5014e2 rgb(80,20,226)
```
#6114e2
```
#6114e2 rgb(97,20,226)
```
#7314e2
```
#7314e2 rgb(115,20,226)
```

Similar Colors

Text with hexadecimal color #3f14e2

This text has a font color of #3f14e2.

<span style="color:#3f14e2;">Text here</span>

#3f14e2 background color

This paragraph has a background color of #3f14e2.

<p style="background-color:#3f14e2;">Content here</p>

#3f14e2 border color

This element has a border color of #3f14e2.

<div style="border:1px solid #3f14e2;">Content here</div>

CSS codes

.text {color:#3f14e2;}

.background {background-color:#3f14e2;}

.border {border:1px solid #3f14e2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #03010a is the darkest color, while #f8f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#08021c
```
#08021c rgb(8,2,28)
```
#0d042e
```
#0d042e rgb(13,4,46)
```
#120640
```
#120640 rgb(18,6,64)
```
#170752
```
#170752 rgb(23,7,82)
```
#1c0964
```
#1c0964 rgb(28,9,100)
```
#210a76
```
#210a76 rgb(33,10,118)
```
#260c88
```
#260c88 rgb(38,12,136)
```
#2b0e9a
```
#2b0e9a rgb(43,14,154)
```
#300fac
```
#300fac rgb(48,15,172)
```
#3511be
```
#3511be rgb(53,17,190)
```
#3a12d0
```
#3a12d0 rgb(58,18,208)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```

Shade Color Variation

#491eeb
```
#491eeb rgb(73,30,235)
```
#5831ed
```
#5831ed rgb(88,49,237)
```
#6643ee
```
#6643ee rgb(102,67,238)
```
#7555f0
```
#7555f0 rgb(117,85,240)
```
#8467f2
```
#8467f2 rgb(132,103,242)
```
#9279f3
```
#9279f3 rgb(146,121,243)
```
#a18bf5
```
#a18bf5 rgb(161,139,245)
```
#af9df6
```
#af9df6 rgb(175,157,246)
```
#beaff8
```
#beaff8 rgb(190,175,248)
```
#cdc1f9
```
#cdc1f9 rgb(205,193,249)
```
#dbd3fb
```
#dbd3fb rgb(219,211,251)
```
#eae5fd
```
#eae5fd rgb(234,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767383 is the less saturated color, while #3401f5 is the most saturated one.

#767383
```
#767383 rgb(118,115,131)
```
#71698d
```
#71698d rgb(113,105,141)
```
#6b6096
```
#6b6096 rgb(107,96,150)
```
#6656a0
```
#6656a0 rgb(102,86,160)
```
#604da9
```
#604da9 rgb(96,77,169)
```
#5b43b3
```
#5b43b3 rgb(91,67,179)
```
#553abc
```
#553abc rgb(85,58,188)
```
#5030c6
```
#5030c6 rgb(80,48,198)
```
#4a27cf
```
#4a27cf rgb(74,39,207)
```
#451dd9
```
#451dd9 rgb(69,29,217)
```
#3f14e2
```
#3f14e2 rgb(63,20,226)
```
#390beb
```
#390beb rgb(57,11,235)
```
#3401f5
```
#3401f5 rgb(52,1,245)
```

Tone Color Variation

Below, you can see how #3f14e2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#383838 Achromatopsia 0.005% of the population
#39315a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c61 Tritanopia 0.001% of the population

Trichromacy

#163bb7 Protanomaly 1% of men, 0.01% of women
#163ea9 Deuteranomaly 6% of men, 0.4% of women
#164290 Tritanomaly 0.01% of the population

#3f14e2 hex color

#3f14e2 Color Information

#3f14e2 Color Conversion

Color Schemes with #3f14e2

Alternatives to #3f14e2

#3f14e2 Preview

Shades and Tints of #3f14e2

Tones of #3f14e2

Color Blindness Simulator