#3f04e4 hex color

In a RGB color space, hex #3f04e4 is composed of 24.7% red, 1.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 98.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 255.8 degrees, a saturation of 96.6% and a lightness of 45.5%. #3f04e4 color hex could be obtained by blending #7e08ff with #0000c9. Closest websafe color is: #3300cc.

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

● #3f04e4 color description : Vivid violet.

The hexadecimal color #3f04e4 has RGB values of R:63, G:4, B:228 and CMYK values of C:0.72, M:0.98, Y:0, K:0.11. Its decimal value is 4130020.

Hex triplet	3f04e4	`#3f04e4`
RGB Decimal	63, 4, 228	`rgb(63,4,228)`
RGB Percent	24.7, 1.6, 89.4	`rgb(24.7%,1.6%,89.4%)`
CMYK	72, 98, 0, 11
HSL	255.8°, 96.6, 45.5	`hsl(255.8,96.6%,45.5%)`
HSV (or HSB)	255.8°, 98.2, 89.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.217, 73.095, -94.312
XYZ	16.094, 6.744, 73.848
xyY	0.166, 0.07, 6.744
CIE-LCH	31.217, 119.321, 307.777
CIE-LUV	31.217, -3.176, -117.357
Hunter-Lab	25.97, 65.176, -150.421
Binary	00111111, 00000100, 11100100

#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#a9e404
```
#a9e404 rgb(169,228,4)
```

Complementary Color

#0439e4
```
#0439e4 rgb(4,57,228)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#af04e4
```
#af04e4 rgb(175,4,228)
```

Analogous Color

#39e404
```
#39e404 rgb(57,228,4)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#e4af04
```
#e4af04 rgb(228,175,4)
```

Split Complementary Color

#04e43f
```
#04e43f rgb(4,228,63)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#e43f04
```
#e43f04 rgb(228,63,4)
```

Triadic Color

#04a9e4
```
#04a9e4 rgb(4,169,228)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#e43f04
```
#e43f04 rgb(228,63,4)
```
#a9e404
```
#a9e404 rgb(169,228,4)
```

Tetradic Color

#2a0399
```
#2a0399 rgb(42,3,153)
```
#3103b2
```
#3103b2 rgb(49,3,178)
```
#3804cb
```
#3804cb rgb(56,4,203)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#4707fb
```
#4707fb rgb(71,7,251)
```
#5a20fb
```
#5a20fb rgb(90,32,251)
```
#6c39fc
```
#6c39fc rgb(108,57,252)
```

Monochromatic Color

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

#0704e4
```
#0704e4 rgb(7,4,228)
```
#1a04e4
```
#1a04e4 rgb(26,4,228)
```
#2c04e4
```
#2c04e4 rgb(44,4,228)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#5204e4
```
#5204e4 rgb(82,4,228)
```
#6404e4
```
#6404e4 rgb(100,4,228)
```
#7704e4
```
#7704e4 rgb(119,4,228)
```

Similar Colors

Text with hexadecimal color #3f04e4

This text has a font color of #3f04e4.

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

#3f04e4 background color

This paragraph has a background color of #3f04e4.

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

#3f04e4 border color

This element has a border color of #3f04e4.

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

CSS codes

.text {color:#3f04e4;}

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

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

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, #040010 is the darkest color, while #fdfcff is the lightest one.

#040010
```
#040010 rgb(4,0,16)
```
#0a0123
```
#0a0123 rgb(10,1,35)
```
#0f0137
```
#0f0137 rgb(15,1,55)
```
#14014a
```
#14014a rgb(20,1,74)
```
#1a025d
```
#1a025d rgb(26,2,93)
```
#1f0270
```
#1f0270 rgb(31,2,112)
```
#240284
```
#240284 rgb(36,2,132)
```
#2a0397
```
#2a0397 rgb(42,3,151)
```
#2f03aa
```
#2f03aa rgb(47,3,170)
```
#3403bd
```
#3403bd rgb(52,3,189)
```
#3a04d1
```
#3a04d1 rgb(58,4,209)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```
#4404f7
```
#4404f7 rgb(68,4,247)
```

Shade Color Variation

#5114fb
```
#5114fb rgb(81,20,251)
```
#5f28fb
```
#5f28fb rgb(95,40,251)
```
#6e3bfc
```
#6e3bfc rgb(110,59,252)
```
#7c4efc
```
#7c4efc rgb(124,78,252)
```
#8a61fc
```
#8a61fc rgb(138,97,252)
```
#9975fd
```
#9975fd rgb(153,117,253)
```
#a788fd
```
#a788fd rgb(167,136,253)
```
#b59bfd
```
#b59bfd rgb(181,155,253)
```
#c3affe
```
#c3affe rgb(195,175,254)
```
#d2c2fe
```
#d2c2fe rgb(210,194,254)
```
#e0d5fe
```
#e0d5fe rgb(224,213,254)
```
#eee8ff
```
#eee8ff rgb(238,232,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726f79 is the less saturated color, while #3f04e4 is the most saturated one.

#726f79
```
#726f79 rgb(114,111,121)
```
#6d6682
```
#6d6682 rgb(109,102,130)
```
#695d8b
```
#695d8b rgb(105,93,139)
```
#655494
```
#655494 rgb(101,84,148)
```
#614b9d
```
#614b9d rgb(97,75,157)
```
#5d42a6
```
#5d42a6 rgb(93,66,166)
```
#583aae
```
#583aae rgb(88,58,174)
```
#5431b7
```
#5431b7 rgb(84,49,183)
```
#5028c0
```
#5028c0 rgb(80,40,192)
```
#4c1fc9
```
#4c1fc9 rgb(76,31,201)
```
#4716d2
```
#4716d2 rgb(71,22,210)
```
#430ddb
```
#430ddb rgb(67,13,219)
```
#3f04e4
```
#3f04e4 rgb(63,4,228)
```

Tone Color Variation

Below, you can see how #3f04e4 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

#2f2f2f Achromatopsia 0.005% of the population
#322653 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#1634b6 Protanomaly 1% of men, 0.01% of women
#1637a8 Deuteranomaly 6% of men, 0.4% of women
#163b8f Tritanomaly 0.01% of the population

#3f04e4 hex color

#3f04e4 Color Information

#3f04e4 Color Conversion

Color Schemes with #3f04e4

Alternatives to #3f04e4

#3f04e4 Preview

Shades and Tints of #3f04e4

Tones of #3f04e4

Color Blindness Simulator