#3f1f96 hex color

In a RGB color space, hex #3f1f96 is composed of 24.7% red, 12.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 79.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 256.1 degrees, a saturation of 65.7% and a lightness of 35.5%. #3f1f96 color hex could be obtained by blending #7e3eff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 12
- B 59
RGB color chart
- C 58
- M 79
- Y 0
- K 41
CMYK color chart

● #3f1f96 color description : Dark violet.

The hexadecimal color #3f1f96 has RGB values of R:63, G:31, B:150 and CMYK values of C:0.58, M:0.79, Y:0, K:0.41. Its decimal value is 4136854.

Hex triplet	3f1f96	`#3f1f96`
RGB Decimal	63, 31, 150	`rgb(63,31,150)`
RGB Percent	24.7, 12.2, 58.8	`rgb(24.7%,12.2%,58.8%)`
CMYK	58, 79, 0, 41
HSL	256.1°, 65.7, 35.5	`hsl(256.1,65.7%,35.5%)`
HSV (or HSB)	256.1°, 79.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	24.445, 45.192, -59.311
XYZ	8.044, 4.239, 29.247
xyY	0.194, 0.102, 4.239
CIE-LCH	24.445, 74.566, 307.305
CIE-LUV	24.445, 1.291, -72.761
Hunter-Lab	20.588, 33.714, -69.816
Binary	00111111, 00011111, 10010110

#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#76961f
```
#76961f rgb(118,150,31)
```

Complementary Color

#1f3b96
```
#1f3b96 rgb(31,59,150)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#7b1f96
```
#7b1f96 rgb(123,31,150)
```

Analogous Color

#3b961f
```
#3b961f rgb(59,150,31)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#967b1f
```
#967b1f rgb(150,123,31)
```

Split Complementary Color

#1f963f
```
#1f963f rgb(31,150,63)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#963f1f
```
#963f1f rgb(150,63,31)
```

Triadic Color

#1f7696
```
#1f7696 rgb(31,118,150)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#963f1f
```
#963f1f rgb(150,63,31)
```
#76961f
```
#76961f rgb(118,150,31)
```

Tetradic Color

#241257
```
#241257 rgb(36,18,87)
```
#2d166c
```
#2d166c rgb(45,22,108)
```
#361b81
```
#361b81 rgb(54,27,129)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#4823ab
```
#4823ab rgb(72,35,171)
```
#5128c0
```
#5128c0 rgb(81,40,192)
```
#5a2ed4
```
#5a2ed4 rgb(90,46,212)
```

Monochromatic Color

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

#211f96
```
#211f96 rgb(33,31,150)
```
#2b1f96
```
#2b1f96 rgb(43,31,150)
```
#351f96
```
#351f96 rgb(53,31,150)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#491f96
```
#491f96 rgb(73,31,150)
```
#531f96
```
#531f96 rgb(83,31,150)
```
#5d1f96
```
#5d1f96 rgb(93,31,150)
```

Similar Colors

Text with hexadecimal color #3f1f96

This text has a font color of #3f1f96.

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

#3f1f96 background color

This paragraph has a background color of #3f1f96.

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

#3f1f96 border color

This element has a border color of #3f1f96.

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

CSS codes

.text {color:#3f1f96;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080414
```
#080414 rgb(8,4,20)
```
#0f0724
```
#0f0724 rgb(15,7,36)
```
#160b34
```
#160b34 rgb(22,11,52)
```
#1d0e45
```
#1d0e45 rgb(29,14,69)
```
#241255
```
#241255 rgb(36,18,85)
```
#2b1565
```
#2b1565 rgb(43,21,101)
```
#311875
```
#311875 rgb(49,24,117)
```
#381c86
```
#381c86 rgb(56,28,134)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#4622a6
```
#4622a6 rgb(70,34,166)
```
#4d26b7
```
#4d26b7 rgb(77,38,183)
```
#5329c7
```
#5329c7 rgb(83,41,199)
```

Shade Color Variation

#5c2fd4
```
#5c2fd4 rgb(92,47,212)
```
#6840d7
```
#6840d7 rgb(104,64,215)
```
#7550db
```
#7550db rgb(117,80,219)
```
#8260de
```
#8260de rgb(130,96,222)
```
#8f70e2
```
#8f70e2 rgb(143,112,226)
```
#9c81e5
```
#9c81e5 rgb(156,129,229)
```
#a891e8
```
#a891e8 rgb(168,145,232)
```
#b5a1ec
```
#b5a1ec rgb(181,161,236)
```
#c2b1ef
```
#c2b1ef rgb(194,177,239)
```
#cfc2f2
```
#cfc2f2 rgb(207,194,242)
```
#dcd2f6
```
#dcd2f6 rgb(220,210,246)
```
#e8e2f9
```
#e8e2f9 rgb(232,226,249)
```
#f5f2fc
```
#f5f2fc rgb(245,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59575e is the less saturated color, while #3203b2 is the most saturated one.

#59575e
```
#59575e rgb(89,87,94)
```
#565065
```
#565065 rgb(86,80,101)
```
#52496c
```
#52496c rgb(82,73,108)
```
#4f4273
```
#4f4273 rgb(79,66,115)
```
#4c3b7a
```
#4c3b7a rgb(76,59,122)
```
#493481
```
#493481 rgb(73,52,129)
```
#452d88
```
#452d88 rgb(69,45,136)
```
#42268f
```
#42268f rgb(66,38,143)
```
#3f1f96
```
#3f1f96 rgb(63,31,150)
```
#3c189d
```
#3c189d rgb(60,24,157)
```
#3911a4
```
#3911a4 rgb(57,17,164)
```
#350aab
```
#350aab rgb(53,10,171)
```
#3203b2
```
#3203b2 rgb(50,3,178)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#383149 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#1f494f Tritanopia 0.001% of the population

Trichromacy

#163588 Protanomaly 1% of men, 0.01% of women
#16377e Deuteranomaly 6% of men, 0.4% of women
#2b3a69 Tritanomaly 0.01% of the population

#3f1f96 hex color

#3f1f96 Color Information

#3f1f96 Color Conversion

Color Schemes with #3f1f96

Alternatives to #3f1f96

#3f1f96 Preview

Shades and Tints of #3f1f96

Tones of #3f1f96

Color Blindness Simulator