#31214c hex color

In a RGB color space, hex #31214c is composed of 19.2% red, 12.9% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 56.6% magenta, 0% yellow and 70.2% black. It has a hue angle of 262.3 degrees, a saturation of 39.4% and a lightness of 21.4%. #31214c color hex could be obtained by blending #624298 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 30
RGB color chart
- C 36
- M 57
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #31214c has RGB values of R:49, G:33, B:76 and CMYK values of C:0.36, M:0.57, Y:0, K:0.7. Its decimal value is 3219788.

Hex triplet	31214c	`#31214c`
RGB Decimal	49, 33, 76	`rgb(49,33,76)`
RGB Percent	19.2, 12.9, 29.8	`rgb(19.2%,12.9%,29.8%)`
CMYK	36, 57, 0, 70
HSL	262.3°, 39.4, 21.4	`hsl(262.3,39.4%,21.4%)`
HSV (or HSB)	262.3°, 56.6, 29.8
Web Safe	333333	`#333333`

CIE-LAB	16.809, 18.589, -23.97
XYZ	3.115, 2.262, 7.11
xyY	0.249, 0.181, 2.262
CIE-LCH	16.809, 30.333, 307.793
CIE-LUV	16.809, 3.402, -26.124
Hunter-Lab	15.042, 10.641, -17.495
Binary	00110001, 00100001, 01001100

#31214c
```
#31214c rgb(49,33,76)
```
#3c4c21
```
#3c4c21 rgb(60,76,33)
```

Complementary Color

#21274c
```
#21274c rgb(33,39,76)
```
#31214c
```
#31214c rgb(49,33,76)
```
#47214c
```
#47214c rgb(71,33,76)
```

Analogous Color

#274c21
```
#274c21 rgb(39,76,33)
```
#31214c
```
#31214c rgb(49,33,76)
```
#4c4721
```
#4c4721 rgb(76,71,33)
```

Split Complementary Color

#214c31
```
#214c31 rgb(33,76,49)
```
#31214c
```
#31214c rgb(49,33,76)
```
#4c3121
```
#4c3121 rgb(76,49,33)
```

Triadic Color

#213c4c
```
#213c4c rgb(33,60,76)
```
#31214c
```
#31214c rgb(49,33,76)
```
#4c3121
```
#4c3121 rgb(76,49,33)
```
#3c4c21
```
#3c4c21 rgb(60,76,33)
```

Tetradic Color

#0f0a17
```
#0f0a17 rgb(15,10,23)
```
#1a1228
```
#1a1228 rgb(26,18,40)
```
#26193a
```
#26193a rgb(38,25,58)
```
#31214c
```
#31214c rgb(49,33,76)
```
#3c295e
```
#3c295e rgb(60,41,94)
```
#483070
```
#483070 rgb(72,48,112)
```
#533881
```
#533881 rgb(83,56,129)
```

Monochromatic Color

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

#26214c
```
#26214c rgb(38,33,76)
```
#2a214c
```
#2a214c rgb(42,33,76)
```
#2d214c
```
#2d214c rgb(45,33,76)
```
#31214c
```
#31214c rgb(49,33,76)
```
#35214c
```
#35214c rgb(53,33,76)
```
#38214c
```
#38214c rgb(56,33,76)
```
#3c214c
```
#3c214c rgb(60,33,76)
```

Similar Colors

Text with hexadecimal color #31214c

This text has a font color of #31214c.

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

#31214c background color

This paragraph has a background color of #31214c.

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

#31214c border color

This element has a border color of #31214c.

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

CSS codes

.text {color:#31214c;}

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

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

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

#050308
```
#050308 rgb(5,3,8)
```
#0e0915
```
#0e0915 rgb(14,9,21)
```
#170f23
```
#170f23 rgb(23,15,35)
```
#1f1531
```
#1f1531 rgb(31,21,49)
```
#281b3e
```
#281b3e rgb(40,27,62)
```
#31214c
```
#31214c rgb(49,33,76)
```
#3a275a
```
#3a275a rgb(58,39,90)
```
#432d67
```
#432d67 rgb(67,45,103)
```
#4b3375
```
#4b3375 rgb(75,51,117)
```
#543983
```
#543983 rgb(84,57,131)
```
#5d3f90
```
#5d3f90 rgb(93,63,144)
```
#66459e
```
#66459e rgb(102,69,158)
```
#6f4bac
```
#6f4bac rgb(111,75,172)
```

Shade Color Variation

#7955b5
```
#7955b5 rgb(121,85,181)
```
#8362bb
```
#8362bb rgb(131,98,187)
```
#8e70c1
```
#8e70c1 rgb(142,112,193)
```
#997ec7
```
#997ec7 rgb(153,126,199)
```
#a48ccd
```
#a48ccd rgb(164,140,205)
```
#af99d3
```
#af99d3 rgb(175,153,211)
```
#b9a7d9
```
#b9a7d9 rgb(185,167,217)
```
#c4b5df
```
#c4b5df rgb(196,181,223)
```
#cfc2e5
```
#cfc2e5 rgb(207,194,229)
```
#dad0eb
```
#dad0eb rgb(218,208,235)
```
#e5def0
```
#e5def0 rgb(229,222,240)
```
#efebf6
```
#efebf6 rgb(239,235,246)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

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

#363637
```
#363637 rgb(54,54,55)
```
#35323b
```
#35323b rgb(53,50,59)
```
#342e3f
```
#342e3f rgb(52,46,63)
```
#332944
```
#332944 rgb(51,41,68)
```
#322548
```
#322548 rgb(50,37,72)
```
#31214c
```
#31214c rgb(49,33,76)
```
#301d50
```
#301d50 rgb(48,29,80)
```
#2f1954
```
#2f1954 rgb(47,25,84)
```
#2e1459
```
#2e1459 rgb(46,20,89)
```
#2d105d
```
#2d105d rgb(45,16,93)
```
#2c0c61
```
#2c0c61 rgb(44,12,97)
```
#2b0865
```
#2b0865 rgb(43,8,101)
```
#290469
```
#290469 rgb(41,4,105)
```

Tone Color Variation

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

#1e335a Protanopia 1% of men
#1f3452 Deuteranopia 1% of men
#343437 Tritanopia 0.001% of the population

Trichromacy

#252c55 Protanomaly 1% of men, 0.01% of women
#262d50 Deuteranomaly 6% of men, 0.4% of women
#332d3f Tritanomaly 0.01% of the population

#31214c hex color

#31214c Color Information

#31214c Color Conversion

Color Schemes with #31214c

Alternatives to #31214c

#31214c Preview

Shades and Tints of #31214c

Tones of #31214c

Color Blindness Simulator