#31214f hex color

In a RGB color space, hex #31214f is composed of 19.2% red, 12.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 58.2% magenta, 0% yellow and 69% black. It has a hue angle of 260.9 degrees, a saturation of 41.1% and a lightness of 22%. #31214f color hex could be obtained by blending #62429e with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 31
RGB color chart
- C 38
- M 58
- Y 0
- K 69
CMYK color chart

● #31214f color description : Very dark desaturated violet.

The hexadecimal color #31214f has RGB values of R:49, G:33, B:79 and CMYK values of C:0.38, M:0.58, Y:0, K:0.69. Its decimal value is 3219791.

Hex triplet	31214f	`#31214f`
RGB Decimal	49, 33, 79	`rgb(49,33,79)`
RGB Percent	19.2, 12.9, 31	`rgb(19.2%,12.9%,31%)`
CMYK	38, 58, 0, 69
HSL	260.9°, 41.1, 22	`hsl(260.9,41.1%,22%)`
HSV (or HSB)	260.9°, 58.2, 31
Web Safe	333366	`#333366`

CIE-LAB	17.014, 19.512, -25.686
XYZ	3.222, 2.305, 7.672
xyY	0.244, 0.175, 2.305
CIE-LCH	17.014, 32.256, 307.222
CIE-LUV	17.014, 3.107, -28.132
Hunter-Lab	15.183, 11.304, -19.331
Binary	00110001, 00100001, 01001111

#31214f
```
#31214f rgb(49,33,79)
```
#3f4f21
```
#3f4f21 rgb(63,79,33)
```

Complementary Color

#21284f
```
#21284f rgb(33,40,79)
```
#31214f
```
#31214f rgb(49,33,79)
```
#48214f
```
#48214f rgb(72,33,79)
```

Analogous Color

#284f21
```
#284f21 rgb(40,79,33)
```
#31214f
```
#31214f rgb(49,33,79)
```
#4f4821
```
#4f4821 rgb(79,72,33)
```

Split Complementary Color

#214f31
```
#214f31 rgb(33,79,49)
```
#31214f
```
#31214f rgb(49,33,79)
```
#4f3121
```
#4f3121 rgb(79,49,33)
```

Triadic Color

#213f4f
```
#213f4f rgb(33,63,79)
```
#31214f
```
#31214f rgb(49,33,79)
```
#4f3121
```
#4f3121 rgb(79,49,33)
```
#3f4f21
```
#3f4f21 rgb(63,79,33)
```

Tetradic Color

#100a19
```
#100a19 rgb(16,10,25)
```
#1b122b
```
#1b122b rgb(27,18,43)
```
#26193d
```
#26193d rgb(38,25,61)
```
#31214f
```
#31214f rgb(49,33,79)
```
#3c2961
```
#3c2961 rgb(60,41,97)
```
#473073
```
#473073 rgb(71,48,115)
```
#523885
```
#523885 rgb(82,56,133)
```

Monochromatic Color

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

#26214f
```
#26214f rgb(38,33,79)
```
#29214f
```
#29214f rgb(41,33,79)
```
#2d214f
```
#2d214f rgb(45,33,79)
```
#31214f
```
#31214f rgb(49,33,79)
```
#35214f
```
#35214f rgb(53,33,79)
```
#39214f
```
#39214f rgb(57,33,79)
```
#3d214f
```
#3d214f rgb(61,33,79)
```

Similar Colors

Text with hexadecimal color #31214f

This text has a font color of #31214f.

<span style="color:#31214f;">Text here</span>

#31214f background color

This paragraph has a background color of #31214f.

<p style="background-color:#31214f;">Content here</p>

#31214f border color

This element has a border color of #31214f.

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

CSS codes

.text {color:#31214f;}

.background {background-color:#31214f;}

.border {border:1px solid #31214f;}

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

#06040a
```
#06040a rgb(6,4,10)
```
#0f0a18
```
#0f0a18 rgb(15,10,24)
```
#171025
```
#171025 rgb(23,16,37)
```
#201533
```
#201533 rgb(32,21,51)
```
#281b41
```
#281b41 rgb(40,27,65)
```
#31214f
```
#31214f rgb(49,33,79)
```
#3a275d
```
#3a275d rgb(58,39,93)
```
#422d6b
```
#422d6b rgb(66,45,107)
```
#4b3279
```
#4b3279 rgb(75,50,121)
```
#533886
```
#533886 rgb(83,56,134)
```
#5c3e94
```
#5c3e94 rgb(92,62,148)
```
#6444a2
```
#6444a2 rgb(100,68,162)
```
#6d49b0
```
#6d49b0 rgb(109,73,176)
```

Shade Color Variation

#7755b8
```
#7755b8 rgb(119,85,184)
```
#8263be
```
#8263be rgb(130,99,190)
```
#8d71c4
```
#8d71c4 rgb(141,113,196)
```
#987ec9
```
#987ec9 rgb(152,126,201)
```
#a48ccf
```
#a48ccf rgb(164,140,207)
```
#af9ad5
```
#af9ad5 rgb(175,154,213)
```
#baa8db
```
#baa8db rgb(186,168,219)
```
#c5b6e0
```
#c5b6e0 rgb(197,182,224)
```
#d0c4e6
```
#d0c4e6 rgb(208,196,230)
```
#dbd1ec
```
#dbd1ec rgb(219,209,236)
```
#e6dff2
```
#e6dff2 rgb(230,223,242)
```
#f1edf8
```
#f1edf8 rgb(241,237,248)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#383739
```
#383739 rgb(56,55,57)
```
#36323e
```
#36323e rgb(54,50,62)
```
#352e42
```
#352e42 rgb(53,46,66)
```
#342a46
```
#342a46 rgb(52,42,70)
```
#32254b
```
#32254b rgb(50,37,75)
```
#31214f
```
#31214f rgb(49,33,79)
```
#301d53
```
#301d53 rgb(48,29,83)
```
#2e1858
```
#2e1858 rgb(46,24,88)
```
#2d145c
```
#2d145c rgb(45,20,92)
```
#2c1060
```
#2c1060 rgb(44,16,96)
```
#2a0b65
```
#2a0b65 rgb(42,11,101)
```
#290769
```
#290769 rgb(41,7,105)
```
#28036d
```
#28036d rgb(40,3,109)
```

Tone Color Variation

Below, you can see how #31214f 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

#2b2b2b Achromatopsia 0.005% of the population
#2c2932 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b335e Protanopia 1% of men
#1c3554 Deuteranopia 1% of men
#333438 Tritanopia 0.001% of the population

Trichromacy

#232c58 Protanomaly 1% of men, 0.01% of women
#232e52 Deuteranomaly 6% of men, 0.4% of women
#322d40 Tritanomaly 0.01% of the population

#31214f hex color

#31214f Color Information

#31214f Color Conversion

Color Schemes with #31214f

Alternatives to #31214f

#31214f Preview

Shades and Tints of #31214f

Tones of #31214f

Color Blindness Simulator