colorhexa.com

#331f5f hex color

In a RGB color space, hex #331f5f is composed of 20% red, 12.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 67.4% magenta, 0% yellow and 62.7% black. It has a hue angle of 258.8 degrees, a saturation of 50.8% and a lightness of 24.7%. #331f5f color hex could be obtained by blending #663ebe with #000000. Closest websafe color is: #333366.

- R 20
- G 12
- B 37
RGB color chart
- C 46
- M 67
- Y 0
- K 63
CMYK color chart

● #331f5f color description : Very dark violet.

The hexadecimal color #331f5f has RGB values of R:51, G:31, B:95 and CMYK values of C:0.46, M:0.67, Y:0, K:0.63. Its decimal value is 3350367.

Hex triplet	331f5f	`#331f5f`
RGB Decimal	51, 31, 95	`rgb(51,31,95)`
RGB Percent	20, 12.2, 37.3	`rgb(20%,12.2%,37.3%)`
CMYK	46, 67, 0, 63
HSL	258.8°, 50.8, 24.7	`hsl(258.8,50.8%,24.7%)`
HSV (or HSB)	258.8°, 67.4, 37.3
Web Safe	333366	`#333366`

CIE-LAB	17.964, 26.362, -34.882
XYZ	3.92, 2.51, 11.104
xyY	0.224, 0.143, 2.51
CIE-LCH	17.964, 43.723, 307.08
CIE-LUV	17.964, 2.705, -38.92
Hunter-Lab	15.843, 16.446, -30.464
Binary	00110011, 00011111, 01011111

#331f5f
```
#331f5f rgb(51,31,95)
```
#4b5f1f
```
#4b5f1f rgb(75,95,31)
```

Complementary Color

#1f2b5f
```
#1f2b5f rgb(31,43,95)
```
#331f5f
```
#331f5f rgb(51,31,95)
```
#531f5f
```
#531f5f rgb(83,31,95)
```

Analogous Color

#2b5f1f
```
#2b5f1f rgb(43,95,31)
```
#331f5f
```
#331f5f rgb(51,31,95)
```
#5f531f
```
#5f531f rgb(95,83,31)
```

Split Complementary Color

#140c25
```
#140c25 rgb(20,12,37)
```
#1e1239
```
#1e1239 rgb(30,18,57)
```
#29194c
```
#29194c rgb(41,25,76)
```
#331f5f
```
#331f5f rgb(51,31,95)
```
#3d2572
```
#3d2572 rgb(61,37,114)
```
#482c85
```
#482c85 rgb(72,44,133)
```
#523299
```
#523299 rgb(82,50,153)
```

Monochromatic Color

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

#231f5f
```
#231f5f rgb(35,31,95)
```
#281f5f
```
#281f5f rgb(40,31,95)
```
#2e1f5f
```
#2e1f5f rgb(46,31,95)
```
#331f5f
```
#331f5f rgb(51,31,95)
```
#381f5f
```
#381f5f rgb(56,31,95)
```
#3e1f5f
```
#3e1f5f rgb(62,31,95)
```
#431f5f
```
#431f5f rgb(67,31,95)
```

Similar Colors

Text with hexadecimal color #331f5f

This text has a font color of #331f5f.

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

#331f5f background color

This paragraph has a background color of #331f5f.

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

#331f5f border color

This element has a border color of #331f5f.

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

CSS codes

.text {color:#331f5f;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0715
```
#0b0715 rgb(11,7,21)
```
#130c24
```
#130c24 rgb(19,12,36)
```
#1b1133
```
#1b1133 rgb(27,17,51)
```
#231541
```
#231541 rgb(35,21,65)
```
#2b1a50
```
#2b1a50 rgb(43,26,80)
```
#331f5f
```
#331f5f rgb(51,31,95)
```
#3b246e
```
#3b246e rgb(59,36,110)
```
#43297d
```
#43297d rgb(67,41,125)
```
#4b2d8b
```
#4b2d8b rgb(75,45,139)
```
#53329a
```
#53329a rgb(83,50,154)
```
#5b37a9
```
#5b37a9 rgb(91,55,169)
```
#633cb8
```
#633cb8 rgb(99,60,184)
```

Shade Color Variation

#6c45c2
```
#6c45c2 rgb(108,69,194)
```
#7854c7
```
#7854c7 rgb(120,84,199)
```
#8463cc
```
#8463cc rgb(132,99,204)
```
#8f71d1
```
#8f71d1 rgb(143,113,209)
```
#9b80d6
```
#9b80d6 rgb(155,128,214)
```
#a78fda
```
#a78fda rgb(167,143,218)
```
#b29edf
```
#b29edf rgb(178,158,223)
```
#beade4
```
#beade4 rgb(190,173,228)
```
#cabbe9
```
#cabbe9 rgb(202,187,233)
```
#d5caee
```
#d5caee rgb(213,202,238)
```
#e1d9f3
```
#e1d9f3 rgb(225,217,243)
```
#ede8f7
```
#ede8f7 rgb(237,232,247)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#3e3c42
```
#3e3c42 rgb(62,60,66)
```
#3c3747
```
#3c3747 rgb(60,55,71)
```
#3a324c
```
#3a324c rgb(58,50,76)
```
#382e50
```
#382e50 rgb(56,46,80)
```
#372955
```
#372955 rgb(55,41,85)
```
#35245a
```
#35245a rgb(53,36,90)
```
#331f5f
```
#331f5f rgb(51,31,95)
```
#311a64
```
#311a64 rgb(49,26,100)
```
#2f1569
```
#2f1569 rgb(47,21,105)
```
#2e106e
```
#2e106e rgb(46,16,110)
```
#2c0c72
```
#2c0c72 rgb(44,12,114)
```
#2a0777
```
#2a0777 rgb(42,7,119)
```
#28027c
```
#28027c rgb(40,2,124)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2936 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003568 Protanopia 1% of men
#00385c Deuteranopia 1% of men
#30383c Tritanopia 0.001% of the population

Trichromacy

#122d64 Protanomaly 1% of men, 0.01% of women
#122e5d Deuteranomaly 6% of men, 0.4% of women
#312e48 Tritanomaly 0.01% of the population