#311f45 hex color

In a RGB color space, hex #311f45 is composed of 19.2% red, 12.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 55.1% magenta, 0% yellow and 72.9% black. It has a hue angle of 268.4 degrees, a saturation of 38% and a lightness of 19.6%. #311f45 color hex could be obtained by blending #623e8a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 27
RGB color chart
- C 29
- M 55
- Y 0
- K 73
CMYK color chart

● #311f45 color description : Very dark desaturated violet.

The hexadecimal color #311f45 has RGB values of R:49, G:31, B:69 and CMYK values of C:0.29, M:0.55, Y:0, K:0.73. Its decimal value is 3219269.

Hex triplet	311f45	`#311f45`
RGB Decimal	49, 31, 69	`rgb(49,31,69)`
RGB Percent	19.2, 12.2, 27.1	`rgb(19.2%,12.2%,27.1%)`
CMYK	29, 55, 0, 73
HSL	268.4°, 38, 19.6	`hsl(268.4,38%,19.6%)`
HSV (or HSB)	268.4°, 55.1, 27.1
Web Safe	333333	`#333333`

CIE-LAB	15.813, 17.86, -20.743
XYZ	2.831, 2.063, 5.879
xyY	0.263, 0.191, 2.063
CIE-LCH	15.813, 27.372, 310.729
CIE-LUV	15.813, 4.607, -22.041
Hunter-Lab	14.362, 10.048, -14.216
Binary	00110001, 00011111, 01000101

#311f45
```
#311f45 rgb(49,31,69)
```
#33451f
```
#33451f rgb(51,69,31)
```

Complementary Color

#1f2045
```
#1f2045 rgb(31,32,69)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#441f45
```
#441f45 rgb(68,31,69)
```

Analogous Color

#20451f
```
#20451f rgb(32,69,31)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#45441f
```
#45441f rgb(69,68,31)
```

Split Complementary Color

#1f4531
```
#1f4531 rgb(31,69,49)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#45311f
```
#45311f rgb(69,49,31)
```

Triadic Color

#1f3345
```
#1f3345 rgb(31,51,69)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#45311f
```
#45311f rgb(69,49,31)
```
#33451f
```
#33451f rgb(51,69,31)
```

Tetradic Color

#0c0710
```
#0c0710 rgb(12,7,16)
```
#180f22
```
#180f22 rgb(24,15,34)
```
#251733
```
#251733 rgb(37,23,51)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#3d2757
```
#3d2757 rgb(61,39,87)
```
#4a2f68
```
#4a2f68 rgb(74,47,104)
```
#56377a
```
#56377a rgb(86,55,122)
```

Monochromatic Color

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

#281f45
```
#281f45 rgb(40,31,69)
```
#2b1f45
```
#2b1f45 rgb(43,31,69)
```
#2e1f45
```
#2e1f45 rgb(46,31,69)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#341f45
```
#341f45 rgb(52,31,69)
```
#371f45
```
#371f45 rgb(55,31,69)
```
#3b1f45
```
#3b1f45 rgb(59,31,69)
```

Similar Colors

Text with hexadecimal color #311f45

This text has a font color of #311f45.

<span style="color:#311f45;">Text here</span>

#311f45 background color

This paragraph has a background color of #311f45.

<p style="background-color:#311f45;">Content here</p>

#311f45 border color

This element has a border color of #311f45.

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

CSS codes

.text {color:#311f45;}

.background {background-color:#311f45;}

.border {border:1px solid #311f45;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0b070f
```
#0b070f rgb(11,7,15)
```
#140d1c
```
#140d1c rgb(20,13,28)
```
#1e132a
```
#1e132a rgb(30,19,42)
```
#271937
```
#271937 rgb(39,25,55)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#3b2553
```
#3b2553 rgb(59,37,83)
```
#442b60
```
#442b60 rgb(68,43,96)
```
#4e316e
```
#4e316e rgb(78,49,110)
```
#57377b
```
#57377b rgb(87,55,123)
```
#613d89
```
#613d89 rgb(97,61,137)
```
#6b4396
```
#6b4396 rgb(107,67,150)
```
#744aa4
```
#744aa4 rgb(116,74,164)
```

Shade Color Variation

#7e50b1
```
#7e50b1 rgb(126,80,177)
```
#885eb7
```
#885eb7 rgb(136,94,183)
```
#926bbd
```
#926bbd rgb(146,107,189)
```
#9c79c3
```
#9c79c3 rgb(156,121,195)
```
#a687c9
```
#a687c9 rgb(166,135,201)
```
#b094cf
```
#b094cf rgb(176,148,207)
```
#baa2d5
```
#baa2d5 rgb(186,162,213)
```
#c4afdb
```
#c4afdb rgb(196,175,219)
```
#cebde1
```
#cebde1 rgb(206,189,225)
```
#d8cae7
```
#d8cae7 rgb(216,202,231)
```
#e2d8ed
```
#e2d8ed rgb(226,216,237)
```
#ece5f3
```
#ece5f3 rgb(236,229,243)
```
#f6f3fa
```
#f6f3fa rgb(246,243,250)
```

Tint Color Variation

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

#322e36
```
#322e36 rgb(50,46,54)
```
#322b39
```
#322b39 rgb(50,43,57)
```
#31273d
```
#31273d rgb(49,39,61)
```
#312341
```
#312341 rgb(49,35,65)
```
#311f45
```
#311f45 rgb(49,31,69)
```
#311b49
```
#311b49 rgb(49,27,73)
```
#31174d
```
#31174d rgb(49,23,77)
```
#301351
```
#301351 rgb(48,19,81)
```
#301054
```
#301054 rgb(48,16,84)
```
#300c58
```
#300c58 rgb(48,12,88)
```
#30085c
```
#30085c rgb(48,8,92)
```
#300460
```
#300460 rgb(48,4,96)
```
#2f0064
```
#2f0064 rgb(47,0,100)
```

Tone Color Variation

Below, you can see how #311f45 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

#292929 Achromatopsia 0.005% of the population
#2b272f Atypical Achromatopsia 0.001% of the population

Dichromacy

#213154 Protanopia 1% of men
#23324b Deuteranopia 1% of men
#363134 Tritanopia 0.001% of the population

Trichromacy

#262a4e Protanomaly 1% of men, 0.01% of women
#282b49 Deuteranomaly 6% of men, 0.4% of women
#342a3a Tritanomaly 0.01% of the population

#311f45 hex color

#311f45 Color Information

#311f45 Color Conversion

Color Schemes with #311f45

Alternatives to #311f45

#311f45 Preview

Shades and Tints of #311f45

Tones of #311f45

Color Blindness Simulator