#3f06e4 hex color

In a RGB color space, hex #3f06e4 is composed of 24.7% red, 2.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 97.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 255.4 degrees, a saturation of 94.9% and a lightness of 45.9%. #3f06e4 color hex could be obtained by blending #7e0cff with #0000c9. Closest websafe color is: #3300cc.

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

● #3f06e4 color description : Vivid violet.

The hexadecimal color #3f06e4 has RGB values of R:63, G:6, B:228 and CMYK values of C:0.72, M:0.97, Y:0, K:0.11. Its decimal value is 4130532.

Hex triplet	3f06e4	`#3f06e4`
RGB Decimal	63, 6, 228	`rgb(63,6,228)`
RGB Percent	24.7, 2.4, 89.4	`rgb(24.7%,2.4%,89.4%)`
CMYK	72, 97, 0, 11
HSL	255.4°, 94.9, 45.9	`hsl(255.4,94.9%,45.9%)`
HSV (or HSB)	255.4°, 97.4, 89.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.318, 72.784, -94.143
XYZ	16.116, 6.788, 73.855
xyY	0.167, 0.07, 6.788
CIE-LCH	31.318, 118.997, 307.708
CIE-LUV	31.318, -3.24, -117.418
Hunter-Lab	26.053, 64.824, -149.839
Binary	00111111, 00000110, 11100100

#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#abe406
```
#abe406 rgb(171,228,6)
```

Complementary Color

#063ce4
```
#063ce4 rgb(6,60,228)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#ae06e4
```
#ae06e4 rgb(174,6,228)
```

Analogous Color

#3ce406
```
#3ce406 rgb(60,228,6)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#e4ae06
```
#e4ae06 rgb(228,174,6)
```

Split Complementary Color

#06e43f
```
#06e43f rgb(6,228,63)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#e43f06
```
#e43f06 rgb(228,63,6)
```

Triadic Color

#06abe4
```
#06abe4 rgb(6,171,228)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#e43f06
```
#e43f06 rgb(228,63,6)
```
#abe406
```
#abe406 rgb(171,228,6)
```

Tetradic Color

#2a0499
```
#2a0499 rgb(42,4,153)
```
#3105b2
```
#3105b2 rgb(49,5,178)
```
#3805cb
```
#3805cb rgb(56,5,203)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#480bf9
```
#480bf9 rgb(72,11,249)
```
#5b24f9
```
#5b24f9 rgb(91,36,249)
```
#6d3dfa
```
#6d3dfa rgb(109,61,250)
```

Monochromatic Color

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

#0806e4
```
#0806e4 rgb(8,6,228)
```
#1a06e4
```
#1a06e4 rgb(26,6,228)
```
#2d06e4
```
#2d06e4 rgb(45,6,228)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#5206e4
```
#5206e4 rgb(82,6,228)
```
#6406e4
```
#6406e4 rgb(100,6,228)
```
#7706e4
```
#7706e4 rgb(119,6,228)
```

Similar Colors

Text with hexadecimal color #3f06e4

This text has a font color of #3f06e4.

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

#3f06e4 background color

This paragraph has a background color of #3f06e4.

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

#3f06e4 border color

This element has a border color of #3f06e4.

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

CSS codes

.text {color:#3f06e4;}

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

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

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

#050012
```
#050012 rgb(5,0,18)
```
#0a0125
```
#0a0125 rgb(10,1,37)
```
#0f0138
```
#0f0138 rgb(15,1,56)
```
#15024b
```
#15024b rgb(21,2,75)
```
#1a025e
```
#1a025e rgb(26,2,94)
```
#1f0371
```
#1f0371 rgb(31,3,113)
```
#250384
```
#250384 rgb(37,3,132)
```
#2a0498
```
#2a0498 rgb(42,4,152)
```
#2f04ab
```
#2f04ab rgb(47,4,171)
```
#3405be
```
#3405be rgb(52,5,190)
```
#3a05d1
```
#3a05d1 rgb(58,5,209)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```
#4407f7
```
#4407f7 rgb(68,7,247)
```

Shade Color Variation

#5218f9
```
#5218f9 rgb(82,24,249)
```
#602bf9
```
#602bf9 rgb(96,43,249)
```
#6f3ffa
```
#6f3ffa rgb(111,63,250)
```
#7d52fa
```
#7d52fa rgb(125,82,250)
```
#8b65fb
```
#8b65fb rgb(139,101,251)
```
#9a78fb
```
#9a78fb rgb(154,120,251)
```
#a88bfc
```
#a88bfc rgb(168,139,252)
```
#b69efc
```
#b69efc rgb(182,158,252)
```
#c5b1fd
```
#c5b1fd rgb(197,177,253)
```
#d3c4fd
```
#d3c4fd rgb(211,196,253)
```
#e1d7fe
```
#e1d7fe rgb(225,215,254)
```
#f0ebfe
```
#f0ebfe rgb(240,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747278
```
#747278 rgb(116,114,120)
```
#6f6981
```
#6f6981 rgb(111,105,129)
```
#6b608a
```
#6b608a rgb(107,96,138)
```
#665793
```
#665793 rgb(102,87,147)
```
#624e9c
```
#624e9c rgb(98,78,156)
```
#5e45a5
```
#5e45a5 rgb(94,69,165)
```
#593cae
```
#593cae rgb(89,60,174)
```
#5533b7
```
#5533b7 rgb(85,51,183)
```
#512ac0
```
#512ac0 rgb(81,42,192)
```
#4c21c9
```
#4c21c9 rgb(76,33,201)
```
#4818d2
```
#4818d2 rgb(72,24,210)
```
#430fdb
```
#430fdb rgb(67,15,219)
```
#3f06e4
```
#3f06e4 rgb(63,6,228)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#332854 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1635b6 Protanomaly 1% of men, 0.01% of women
#1638a8 Deuteranomaly 6% of men, 0.4% of women
#163c8f Tritanomaly 0.01% of the population

#3f06e4 hex color

#3f06e4 Color Information

#3f06e4 Color Conversion

Color Schemes with #3f06e4

Alternatives to #3f06e4

#3f06e4 Preview

Shades and Tints of #3f06e4

Tones of #3f06e4

Color Blindness Simulator