#331f66 hex color

In a RGB color space, hex #331f66 is composed of 20% red, 12.2% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 69.6% magenta, 0% yellow and 60% black. It has a hue angle of 256.9 degrees, a saturation of 53.4% and a lightness of 26.1%. #331f66 color hex could be obtained by blending #663ecc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 12
- B 40
RGB color chart
- C 50
- M 70
- Y 0
- K 60
CMYK color chart

● #331f66 color description : Very dark violet.

The hexadecimal color #331f66 has RGB values of R:51, G:31, B:102 and CMYK values of C:0.5, M:0.7, Y:0, K:0.6. Its decimal value is 3350374.

Hex triplet	331f66	`#331f66`
RGB Decimal	51, 31, 102	`rgb(51,31,102)`
RGB Percent	20, 12.2, 40	`rgb(20%,12.2%,40%)`
CMYK	50, 70, 0, 60
HSL	256.9°, 53.4, 26.1	`hsl(256.9,53.4%,26.1%)`
HSV (or HSB)	256.9°, 69.6, 40
Web Safe	333366	`#333366`

CIE-LAB	18.553, 28.573, -38.542
XYZ	4.253, 2.643, 12.856
xyY	0.215, 0.134, 2.643
CIE-LCH	18.553, 47.978, 306.552
CIE-LUV	18.553, 2.039, -43.388
Hunter-Lab	16.257, 18.247, -35.504
Binary	00110011, 00011111, 01100110

#331f66
```
#331f66 rgb(51,31,102)
```
#52661f
```
#52661f rgb(82,102,31)
```

Complementary Color

#1f2f66
```
#1f2f66 rgb(31,47,102)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#571f66
```
#571f66 rgb(87,31,102)
```

Analogous Color

#2f661f
```
#2f661f rgb(47,102,31)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#66571f
```
#66571f rgb(102,87,31)
```

Split Complementary Color

#1f6633
```
#1f6633 rgb(31,102,51)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#66331f
```
#66331f rgb(102,51,31)
```

Triadic Color

#1f5266
```
#1f5266 rgb(31,82,102)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#66331f
```
#66331f rgb(102,51,31)
```
#52661f
```
#52661f rgb(82,102,31)
```

Tetradic Color

#160d2b
```
#160d2b rgb(22,13,43)
```
#1f133f
```
#1f133f rgb(31,19,63)
```
#291952
```
#291952 rgb(41,25,82)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#3d257a
```
#3d257a rgb(61,37,122)
```
#472b8d
```
#472b8d rgb(71,43,141)
```
#5031a1
```
#5031a1 rgb(80,49,161)
```

Monochromatic Color

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

#211f66
```
#211f66 rgb(33,31,102)
```
#271f66
```
#271f66 rgb(39,31,102)
```
#2d1f66
```
#2d1f66 rgb(45,31,102)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#391f66
```
#391f66 rgb(57,31,102)
```
#3f1f66
```
#3f1f66 rgb(63,31,102)
```
#451f66
```
#451f66 rgb(69,31,102)
```

Similar Colors

Text with hexadecimal color #331f66

This text has a font color of #331f66.

<span style="color:#331f66;">Text here</span>

#331f66 background color

This paragraph has a background color of #331f66.

<p style="background-color:#331f66;">Content here</p>

#331f66 border color

This element has a border color of #331f66.

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

CSS codes

.text {color:#331f66;}

.background {background-color:#331f66;}

.border {border:1px solid #331f66;}

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, #06040c is the darkest color, while #fcfcfe is the lightest one.

#06040c
```
#06040c rgb(6,4,12)
```
#0d081b
```
#0d081b rgb(13,8,27)
```
#150d2a
```
#150d2a rgb(21,13,42)
```
#1c1139
```
#1c1139 rgb(28,17,57)
```
#241648
```
#241648 rgb(36,22,72)
```
#2b1a57
```
#2b1a57 rgb(43,26,87)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#3b2475
```
#3b2475 rgb(59,36,117)
```
#422884
```
#422884 rgb(66,40,132)
```
#4a2d93
```
#4a2d93 rgb(74,45,147)
```
#5131a2
```
#5131a2 rgb(81,49,162)
```
#5936b1
```
#5936b1 rgb(89,54,177)
```
#603ac0
```
#603ac0 rgb(96,58,192)
```

Shade Color Variation

#6b47c7
```
#6b47c7 rgb(107,71,199)
```
#7756cc
```
#7756cc rgb(119,86,204)
```
#8365d0
```
#8365d0 rgb(131,101,208)
```
#9074d5
```
#9074d5 rgb(144,116,213)
```
#9c83d9
```
#9c83d9 rgb(156,131,217)
```
#a892de
```
#a892de rgb(168,146,222)
```
#b4a1e3
```
#b4a1e3 rgb(180,161,227)
```
#c0b0e7
```
#c0b0e7 rgb(192,176,231)
```
#ccc0ec
```
#ccc0ec rgb(204,192,236)
```
#d8cff0
```
#d8cff0 rgb(216,207,240)
```
#e4def5
```
#e4def5 rgb(228,222,245)
```
#f0edf9
```
#f0edf9 rgb(240,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#403e47
```
#403e47 rgb(64,62,71)
```
#3e394c
```
#3e394c rgb(62,57,76)
```
#3c3352
```
#3c3352 rgb(60,51,82)
```
#3a2e57
```
#3a2e57 rgb(58,46,87)
```
#37295c
```
#37295c rgb(55,41,92)
```
#352461
```
#352461 rgb(53,36,97)
```
#331f66
```
#331f66 rgb(51,31,102)
```
#311a6b
```
#311a6b rgb(49,26,107)
```
#2f1570
```
#2f1570 rgb(47,21,112)
```
#2c1075
```
#2c1075 rgb(44,16,117)
```
#2a0b7a
```
#2a0b7a rgb(42,11,122)
```
#280580
```
#280580 rgb(40,5,128)
```
#260085
```
#260085 rgb(38,0,133)
```

Tone Color Variation

Below, you can see how #331f66 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

#2d2d2d Achromatopsia 0.005% of the population
#2e2a38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#00395d Deuteranopia 1% of men
#2d3a3e Tritanopia 0.001% of the population

Trichromacy

#122d68 Protanomaly 1% of men, 0.01% of women
#122f60 Deuteranomaly 6% of men, 0.4% of women
#2f304c Tritanomaly 0.01% of the population

#331f66 hex color

#331f66 Color Information

#331f66 Color Conversion

Color Schemes with #331f66

Alternatives to #331f66

#331f66 Preview

Shades and Tints of #331f66

Tones of #331f66

Color Blindness Simulator