#3f1f88 hex color

In a RGB color space, hex #3f1f88 is composed of 24.7% red, 12.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 77.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 258.3 degrees, a saturation of 62.9% and a lightness of 32.7%. #3f1f88 color hex could be obtained by blending #7e3eff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 25
- G 12
- B 53
RGB color chart
- C 54
- M 77
- Y 0
- K 47
CMYK color chart

● #3f1f88 color description : Dark violet.

The hexadecimal color #3f1f88 has RGB values of R:63, G:31, B:136 and CMYK values of C:0.54, M:0.77, Y:0, K:0.47. Its decimal value is 4136840.

Hex triplet	3f1f88	`#3f1f88`
RGB Decimal	63, 31, 136	`rgb(63,31,136)`
RGB Percent	24.7, 12.2, 53.3	`rgb(24.7%,12.2%,53.3%)`
CMYK	54, 77, 0, 47
HSL	258.3°, 62.9, 32.7	`hsl(258.3,62.9%,32.7%)`
HSV (or HSB)	258.3°, 77.2, 53.3
Web Safe	333399	`#333399`

CIE-LAB	23.047, 41.106, -52.916
XYZ	6.983, 3.814, 23.659
xyY	0.203, 0.111, 3.814
CIE-LCH	23.047, 67.006, 307.841
CIE-LUV	23.047, 2.636, -64.233
Hunter-Lab	19.53, 29.646, -58.156
Binary	00111111, 00011111, 10001000

#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#68881f
```
#68881f rgb(104,136,31)
```

Complementary Color

#1f3488
```
#1f3488 rgb(31,52,136)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#741f88
```
#741f88 rgb(116,31,136)
```

Analogous Color

#34881f
```
#34881f rgb(52,136,31)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#88741f
```
#88741f rgb(136,116,31)
```

Split Complementary Color

#1f883f
```
#1f883f rgb(31,136,63)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#883f1f
```
#883f1f rgb(136,63,31)
```

Triadic Color

#1f6888
```
#1f6888 rgb(31,104,136)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#883f1f
```
#883f1f rgb(136,63,31)
```
#68881f
```
#68881f rgb(104,136,31)
```

Tetradic Color

#22114a
```
#22114a rgb(34,17,74)
```
#2c165e
```
#2c165e rgb(44,22,94)
```
#351a73
```
#351a73 rgb(53,26,115)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#49249d
```
#49249d rgb(73,36,157)
```
#5228b2
```
#5228b2 rgb(82,40,178)
```
#5c2dc6
```
#5c2dc6 rgb(92,45,198)
```

Monochromatic Color

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

#251f88
```
#251f88 rgb(37,31,136)
```
#2d1f88
```
#2d1f88 rgb(45,31,136)
```
#361f88
```
#361f88 rgb(54,31,136)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#481f88
```
#481f88 rgb(72,31,136)
```
#501f88
```
#501f88 rgb(80,31,136)
```
#591f88
```
#591f88 rgb(89,31,136)
```

Similar Colors

Text with hexadecimal color #3f1f88

This text has a font color of #3f1f88.

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

#3f1f88 background color

This paragraph has a background color of #3f1f88.

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

#3f1f88 border color

This element has a border color of #3f1f88.

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

CSS codes

.text {color:#3f1f88;}

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

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0b0618
```
#0b0618 rgb(11,6,24)
```
#130928
```
#130928 rgb(19,9,40)
```
#1a0d38
```
#1a0d38 rgb(26,13,56)
```
#211048
```
#211048 rgb(33,16,72)
```
#291458
```
#291458 rgb(41,20,88)
```
#301868
```
#301868 rgb(48,24,104)
```
#381b78
```
#381b78 rgb(56,27,120)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#462398
```
#462398 rgb(70,35,152)
```
#4e26a8
```
#4e26a8 rgb(78,38,168)
```
#552ab8
```
#552ab8 rgb(85,42,184)
```
#5d2ec8
```
#5d2ec8 rgb(93,46,200)
```

Shade Color Variation

#6638d2
```
#6638d2 rgb(102,56,210)
```
#7348d5
```
#7348d5 rgb(115,72,213)
```
#7f57d9
```
#7f57d9 rgb(127,87,217)
```
#8b67dc
```
#8b67dc rgb(139,103,220)
```
#9777e0
```
#9777e0 rgb(151,119,224)
```
#a487e4
```
#a487e4 rgb(164,135,228)
```
#b097e7
```
#b097e7 rgb(176,151,231)
```
#bca7eb
```
#bca7eb rgb(188,167,235)
```
#c8b7ef
```
#c8b7ef rgb(200,183,239)
```
#d4c7f2
```
#d4c7f2 rgb(212,199,242)
```
#e1d7f6
```
#e1d7f6 rgb(225,215,246)
```
#ede7fa
```
#ede7fa rgb(237,231,250)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

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

#535255
```
#535255 rgb(83,82,85)
```
#514c5b
```
#514c5b rgb(81,76,91)
```
#4e4661
```
#4e4661 rgb(78,70,97)
```
#4c3f68
```
#4c3f68 rgb(76,63,104)
```
#49396e
```
#49396e rgb(73,57,110)
```
#473275
```
#473275 rgb(71,50,117)
```
#442c7b
```
#442c7b rgb(68,44,123)
```
#422582
```
#422582 rgb(66,37,130)
```
#3f1f88
```
#3f1f88 rgb(63,31,136)
```
#3c198e
```
#3c198e rgb(60,25,142)
```
#3a1295
```
#3a1295 rgb(58,18,149)
```
#370c9b
```
#370c9b rgb(55,12,155)
```
#3505a2
```
#3505a2 rgb(53,5,162)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#373146 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00436b Deuteranopia 1% of men
#2c454a Tritanopia 0.001% of the population

Trichromacy

#163380 Protanomaly 1% of men, 0.01% of women
#163576 Deuteranomaly 6% of men, 0.4% of women
#333760 Tritanomaly 0.01% of the population

#3f1f88 hex color

#3f1f88 Color Information

#3f1f88 Color Conversion

Color Schemes with #3f1f88

Alternatives to #3f1f88

#3f1f88 Preview

Shades and Tints of #3f1f88

Tones of #3f1f88

Color Blindness Simulator