#3f1dd4 hex color

In a RGB color space, hex #3f1dd4 is composed of 24.7% red, 11.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 86.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 251.1 degrees, a saturation of 75.9% and a lightness of 47.3%. #3f1dd4 color hex could be obtained by blending #7e3aff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 11
- B 83
RGB color chart
- C 70
- M 86
- Y 0
- K 17
CMYK color chart

● #3f1dd4 color description : Strong blue.

The hexadecimal color #3f1dd4 has RGB values of R:63, G:29, B:212 and CMYK values of C:0.7, M:0.86, Y:0, K:0.17. Its decimal value is 4136404.

Hex triplet	3f1dd4	`#3f1dd4`
RGB Decimal	63, 29, 212	`rgb(63,29,212)`
RGB Percent	24.7, 11.4, 83.1	`rgb(24.7%,11.4%,83.1%)`
CMYK	70, 86, 0, 17
HSL	251.1°, 75.9, 47.3	`hsl(251.1,75.9%,47.3%)`
HSV (or HSB)	251.1°, 86.3, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.086, 63.41, -85.312
XYZ	14.371, 6.688, 62.817
xyY	0.171, 0.08, 6.688
CIE-LCH	31.086, 106.297, 306.622
CIE-LUV	31.086, -3.322, -109.021
Hunter-Lab	25.862, 53.93, -125.911
Binary	00111111, 00011101, 11010100

#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#b2d41d
```
#b2d41d rgb(178,212,29)
```

Complementary Color

#1d57d4
```
#1d57d4 rgb(29,87,212)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#9b1dd4
```
#9b1dd4 rgb(155,29,212)
```

Analogous Color

#57d41d
```
#57d41d rgb(87,212,29)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#d49b1d
```
#d49b1d rgb(212,155,29)
```

Split Complementary Color

#1dd43f
```
#1dd43f rgb(29,212,63)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#d43f1d
```
#d43f1d rgb(212,63,29)
```

Triadic Color

#1db2d4
```
#1db2d4 rgb(29,178,212)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#d43f1d
```
#d43f1d rgb(212,63,29)
```
#b2d41d
```
#b2d41d rgb(178,212,29)
```

Tetradic Color

#2b1491
```
#2b1491 rgb(43,20,145)
```
#3217a7
```
#3217a7 rgb(50,23,167)
```
#381abe
```
#381abe rgb(56,26,190)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#4b29e2
```
#4b29e2 rgb(75,41,226)
```
#5e3fe5
```
#5e3fe5 rgb(94,63,229)
```
#7156e8
```
#7156e8 rgb(113,86,232)
```

Monochromatic Color

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

#1d29d4
```
#1d29d4 rgb(29,41,212)
```
#211dd4
```
#211dd4 rgb(33,29,212)
```
#301dd4
```
#301dd4 rgb(48,29,212)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#4e1dd4
```
#4e1dd4 rgb(78,29,212)
```
#5e1dd4
```
#5e1dd4 rgb(94,29,212)
```
#6d1dd4
```
#6d1dd4 rgb(109,29,212)
```

Similar Colors

Text with hexadecimal color #3f1dd4

This text has a font color of #3f1dd4.

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

#3f1dd4 background color

This paragraph has a background color of #3f1dd4.

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

#3f1dd4 border color

This element has a border color of #3f1dd4.

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

CSS codes

.text {color:#3f1dd4;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#070316
```
#070316 rgb(7,3,22)
```
#0c0527
```
#0c0527 rgb(12,5,39)
```
#110839
```
#110839 rgb(17,8,57)
```
#160a4a
```
#160a4a rgb(22,10,74)
```
#1b0c5b
```
#1b0c5b rgb(27,12,91)
```
#200f6c
```
#200f6c rgb(32,15,108)
```
#25117e
```
#25117e rgb(37,17,126)
```
#2a148f
```
#2a148f rgb(42,20,143)
```
#3016a0
```
#3016a0 rgb(48,22,160)
```
#3518b1
```
#3518b1 rgb(53,24,177)
```
#3a1bc3
```
#3a1bc3 rgb(58,27,195)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```

Shade Color Variation

#4724e1
```
#4724e1 rgb(71,36,225)
```
#5535e3
```
#5535e3 rgb(85,53,227)
```
#6446e6
```
#6446e6 rgb(100,70,230)
```
#7257e8
```
#7257e8 rgb(114,87,232)
```
#8169ea
```
#8169ea rgb(129,105,234)
```
#8f7aed
```
#8f7aed rgb(143,122,237)
```
#9e8bef
```
#9e8bef rgb(158,139,239)
```
#ac9cf2
```
#ac9cf2 rgb(172,156,242)
```
#bbaef4
```
#bbaef4 rgb(187,174,244)
```
#c9bff6
```
#c9bff6 rgb(201,191,246)
```
#d8d0f9
```
#d8d0f9 rgb(216,208,249)
```
#e6e1fb
```
#e6e1fb rgb(230,225,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#737081
```
#737081 rgb(115,112,129)
```
#6e678a
```
#6e678a rgb(110,103,138)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#62559c
```
#62559c rgb(98,85,156)
```
#5c4ba6
```
#5c4ba6 rgb(92,75,166)
```
#5642af
```
#5642af rgb(86,66,175)
```
#5039b8
```
#5039b8 rgb(80,57,184)
```
#4b30c1
```
#4b30c1 rgb(75,48,193)
```
#4526cb
```
#4526cb rgb(69,38,203)
```
#3f1dd4
```
#3f1dd4 rgb(63,29,212)
```
#3914dd
```
#3914dd rgb(57,20,221)
```
#330ae7
```
#330ae7 rgb(51,10,231)
```
#2e01f0
```
#2e01f0 rgb(46,1,240)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3d365a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#163db0 Protanomaly 1% of men, 0.01% of women
#1640a2 Deuteranomaly 6% of men, 0.4% of women
#164489 Tritanomaly 0.01% of the population

#3f1dd4 hex color

#3f1dd4 Color Information

#3f1dd4 Color Conversion

Color Schemes with #3f1dd4

Alternatives to #3f1dd4

#3f1dd4 Preview

Shades and Tints of #3f1dd4

Tones of #3f1dd4

Color Blindness Simulator