#31143f hex color

In a RGB color space, hex #31143f is composed of 19.2% red, 7.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 68.3% magenta, 0% yellow and 75.3% black. It has a hue angle of 280.5 degrees, a saturation of 51.8% and a lightness of 16.3%. #31143f color hex could be obtained by blending #62287e with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 8
- B 25
RGB color chart
- C 22
- M 68
- Y 0
- K 75
CMYK color chart

● #31143f color description : Very dark violet.

The hexadecimal color #31143f has RGB values of R:49, G:20, B:63 and CMYK values of C:0.22, M:0.68, Y:0, K:0.75. Its decimal value is 3216447.

Hex triplet	31143f	`#31143f`
RGB Decimal	49, 20, 63	`rgb(49,20,63)`
RGB Percent	19.2, 7.8, 24.7	`rgb(19.2%,7.8%,24.7%)`
CMYK	22, 68, 0, 75
HSL	280.5°, 51.8, 16.3	`hsl(280.5,51.8%,16.3%)`
HSV (or HSB)	280.5°, 68.3, 24.7
Web Safe	330033	`#330033`

CIE-LAB	12.686, 23.325, -21.522
XYZ	2.414, 1.512, 4.867
xyY	0.275, 0.172, 1.512
CIE-LCH	12.686, 31.737, 317.303
CIE-LUV	12.686, 7.484, -20.697
Hunter-Lab	12.297, 13.518, -14.858
Binary	00110001, 00010100, 00111111

#31143f
```
#31143f rgb(49,20,63)
```
#223f14
```
#223f14 rgb(34,63,20)
```

Complementary Color

#1c143f
```
#1c143f rgb(28,20,63)
```
#31143f
```
#31143f rgb(49,20,63)
```
#3f1438
```
#3f1438 rgb(63,20,56)
```

Analogous Color

#143f1c
```
#143f1c rgb(20,63,28)
```
#31143f
```
#31143f rgb(49,20,63)
```
#383f14
```
#383f14 rgb(56,63,20)
```

Split Complementary Color

#143f31
```
#143f31 rgb(20,63,49)
```
#31143f
```
#31143f rgb(49,20,63)
```
#3f3114
```
#3f3114 rgb(63,49,20)
```

Triadic Color

#14223f
```
#14223f rgb(20,34,63)
```
#31143f
```
#31143f rgb(49,20,63)
```
#3f3114
```
#3f3114 rgb(63,49,20)
```
#223f14
```
#223f14 rgb(34,63,20)
```

Tetradic Color

#040205
```
#040205 rgb(4,2,5)
```
#130818
```
#130818 rgb(19,8,24)
```
#220e2c
```
#220e2c rgb(34,14,44)
```
#31143f
```
#31143f rgb(49,20,63)
```
#401a52
```
#401a52 rgb(64,26,82)
```
#4f2066
```
#4f2066 rgb(79,32,102)
```
#5e2679
```
#5e2679 rgb(94,38,121)
```

Monochromatic Color

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

#26143f
```
#26143f rgb(38,20,63)
```
#2a143f
```
#2a143f rgb(42,20,63)
```
#2d143f
```
#2d143f rgb(45,20,63)
```
#31143f
```
#31143f rgb(49,20,63)
```
#35143f
```
#35143f rgb(53,20,63)
```
#38143f
```
#38143f rgb(56,20,63)
```
#3c143f
```
#3c143f rgb(60,20,63)
```

Similar Colors

Text with hexadecimal color #31143f

This text has a font color of #31143f.

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

#31143f background color

This paragraph has a background color of #31143f.

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

#31143f border color

This element has a border color of #31143f.

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

CSS codes

.text {color:#31143f;}

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

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

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

#030103
```
#030103 rgb(3,1,3)
```
#0e0612
```
#0e0612 rgb(14,6,18)
```
#1a0b21
```
#1a0b21 rgb(26,11,33)
```
#250f30
```
#250f30 rgb(37,15,48)
```
#31143f
```
#31143f rgb(49,20,63)
```
#3d194e
```
#3d194e rgb(61,25,78)
```
#481d5d
```
#481d5d rgb(72,29,93)
```
#54226c
```
#54226c rgb(84,34,108)
```
#5f277b
```
#5f277b rgb(95,39,123)
```
#6b2c89
```
#6b2c89 rgb(107,44,137)
```
#763098
```
#763098 rgb(118,48,152)
```
#8235a7
```
#8235a7 rgb(130,53,167)
```
#8e3ab6
```
#8e3ab6 rgb(142,58,182)
```

Shade Color Variation

#9841c3
```
#9841c3 rgb(152,65,195)
```
#a050c7
```
#a050c7 rgb(160,80,199)
```
#a85fcc
```
#a85fcc rgb(168,95,204)
```
#b16ed1
```
#b16ed1 rgb(177,110,209)
```
#b97cd6
```
#b97cd6 rgb(185,124,214)
```
#c18bda
```
#c18bda rgb(193,139,218)
```
#c99adf
```
#c99adf rgb(201,154,223)
```
#d1a9e4
```
#d1a9e4 rgb(209,169,228)
```
#d9b8e8
```
#d9b8e8 rgb(217,184,232)
```
#e1c7ed
```
#e1c7ed rgb(225,199,237)
```
#e9d6f2
```
#e9d6f2 rgb(233,214,242)
```
#f1e5f7
```
#f1e5f7 rgb(241,229,247)
```
#f9f4fb
```
#f9f4fb rgb(249,244,251)
```

Tint Color Variation

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

#2a272c
```
#2a272c rgb(42,39,44)
```
#2b242f
```
#2b242f rgb(43,36,47)
```
#2d2132
```
#2d2132 rgb(45,33,50)
```
#2e1e35
```
#2e1e35 rgb(46,30,53)
```
#2f1a39
```
#2f1a39 rgb(47,26,57)
```
#30173c
```
#30173c rgb(48,23,60)
```
#31143f
```
#31143f rgb(49,20,63)
```
#321142
```
#321142 rgb(50,17,66)
```
#330e45
```
#330e45 rgb(51,14,69)
```
#340a49
```
#340a49 rgb(52,10,73)
```
#35074c
```
#35074c rgb(53,7,76)
```
#37044f
```
#37044f rgb(55,4,79)
```
#380152
```
#380152 rgb(56,1,82)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#251f28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#102b52 Protanopia 1% of men
#1c2c44 Deuteranopia 1% of men
#36282b Tritanopia 0.001% of the population

Trichromacy

#1c224b Protanomaly 1% of men, 0.01% of women
#232342 Deuteranomaly 6% of men, 0.4% of women
#342132 Tritanomaly 0.01% of the population

#31143f hex color

#31143f Color Information

#31143f Color Conversion

Color Schemes with #31143f

Alternatives to #31143f

#31143f Preview

Shades and Tints of #31143f

Tones of #31143f

Color Blindness Simulator