#311f42 hex color

In a RGB color space, hex #311f42 is composed of 19.2% red, 12.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 25.8% cyan, 53% magenta, 0% yellow and 74.1% black. It has a hue angle of 270.9 degrees, a saturation of 36.1% and a lightness of 19%. #311f42 color hex could be obtained by blending #623e84 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 26
RGB color chart
- C 26
- M 53
- Y 0
- K 74
CMYK color chart

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

The hexadecimal color #311f42 has RGB values of R:49, G:31, B:66 and CMYK values of C:0.26, M:0.53, Y:0, K:0.74. Its decimal value is 3219266.

Hex triplet	311f42	`#311f42`
RGB Decimal	49, 31, 66	`rgb(49,31,66)`
RGB Percent	19.2, 12.2, 25.9	`rgb(19.2%,12.2%,25.9%)`
CMYK	26, 53, 0, 74
HSL	270.9°, 36.1, 19	`hsl(270.9,36.1%,19%)`
HSV (or HSB)	270.9°, 53, 25.9
Web Safe	333333	`#333333`

CIE-LAB	15.625, 16.994, -18.959
XYZ	2.74, 2.026, 5.401
xyY	0.269, 0.199, 2.026
CIE-LCH	15.625, 25.461, 311.872
CIE-LUV	15.625, 4.934, -20.047
Hunter-Lab	14.235, 9.445, -12.53
Binary	00110001, 00011111, 01000010

#311f42
```
#311f42 rgb(49,31,66)
```
#30421f
```
#30421f rgb(48,66,31)
```

Complementary Color

#201f42
```
#201f42 rgb(32,31,66)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#421f42
```
#421f42 rgb(66,31,66)
```

Analogous Color

#1f4220
```
#1f4220 rgb(31,66,32)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#42421f
```
#42421f rgb(66,66,31)
```

Split Complementary Color

#1f4231
```
#1f4231 rgb(31,66,49)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#42311f
```
#42311f rgb(66,49,31)
```

Triadic Color

#1f3042
```
#1f3042 rgb(31,48,66)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#42311f
```
#42311f rgb(66,49,31)
```
#30421f
```
#30421f rgb(48,66,31)
```

Tetradic Color

#0a070e
```
#0a070e rgb(10,7,14)
```
#170f1f
```
#170f1f rgb(23,15,31)
```
#241731
```
#241731 rgb(36,23,49)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#3e2753
```
#3e2753 rgb(62,39,83)
```
#4b2f65
```
#4b2f65 rgb(75,47,101)
```
#583776
```
#583776 rgb(88,55,118)
```

Monochromatic Color

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

#281f42
```
#281f42 rgb(40,31,66)
```
#2b1f42
```
#2b1f42 rgb(43,31,66)
```
#2e1f42
```
#2e1f42 rgb(46,31,66)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#341f42
```
#341f42 rgb(52,31,66)
```
#371f42
```
#371f42 rgb(55,31,66)
```
#3a1f42
```
#3a1f42 rgb(58,31,66)
```

Similar Colors

Text with hexadecimal color #311f42

This text has a font color of #311f42.

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

#311f42 background color

This paragraph has a background color of #311f42.

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

#311f42 border color

This element has a border color of #311f42.

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

CSS codes

.text {color:#311f42;}

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

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

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, #09060d is the darkest color, while #fefeff is the lightest one.

#09060d
```
#09060d rgb(9,6,13)
```
#130c1a
```
#130c1a rgb(19,12,26)
```
#1d1227
```
#1d1227 rgb(29,18,39)
```
#271935
```
#271935 rgb(39,25,53)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#3b254f
```
#3b254f rgb(59,37,79)
```
#452c5d
```
#452c5d rgb(69,44,93)
```
#4f326a
```
#4f326a rgb(79,50,106)
```
#593877
```
#593877 rgb(89,56,119)
```
#633e85
```
#633e85 rgb(99,62,133)
```
#6c4592
```
#6c4592 rgb(108,69,146)
```
#764b9f
```
#764b9f rgb(118,75,159)
```
#8051ad
```
#8051ad rgb(128,81,173)
```

Shade Color Variation

#8a5eb3
```
#8a5eb3 rgb(138,94,179)
```
#946bba
```
#946bba rgb(148,107,186)
```
#9d79c0
```
#9d79c0 rgb(157,121,192)
```
#a786c6
```
#a786c6 rgb(167,134,198)
```
#b193cd
```
#b193cd rgb(177,147,205)
```
#bba1d3
```
#bba1d3 rgb(187,161,211)
```
#c4aed9
```
#c4aed9 rgb(196,174,217)
```
#cebcdf
```
#cebcdf rgb(206,188,223)
```
#d8c9e6
```
#d8c9e6 rgb(216,201,230)
```
#e1d6ec
```
#e1d6ec rgb(225,214,236)
```
#ebe4f2
```
#ebe4f2 rgb(235,228,242)
```
#f5f1f8
```
#f5f1f8 rgb(245,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#312e33
```
#312e33 rgb(49,46,51)
```
#312a37
```
#312a37 rgb(49,42,55)
```
#31263b
```
#31263b rgb(49,38,59)
```
#31233e
```
#31233e rgb(49,35,62)
```
#311f42
```
#311f42 rgb(49,31,66)
```
#311b46
```
#311b46 rgb(49,27,70)
```
#311849
```
#311849 rgb(49,24,73)
```
#31144d
```
#31144d rgb(49,20,77)
```
#311051
```
#311051 rgb(49,16,81)
```
#320c55
```
#320c55 rgb(50,12,85)
```
#320958
```
#320958 rgb(50,9,88)
```
#32055c
```
#32055c rgb(50,5,92)
```
#320160
```
#320160 rgb(50,1,96)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a262d Atypical Achromatopsia 0.001% of the population

Dichromacy

#233150 Protanopia 1% of men
#263249 Deuteranopia 1% of men
#363033 Tritanopia 0.001% of the population

Trichromacy

#282a4b Protanomaly 1% of men, 0.01% of women
#2a2b46 Deuteranomaly 6% of men, 0.4% of women
#342a39 Tritanomaly 0.01% of the population

#311f42 hex color

#311f42 Color Information

#311f42 Color Conversion

Color Schemes with #311f42

Alternatives to #311f42

#311f42 Preview

Shades and Tints of #311f42

Tones of #311f42

Color Blindness Simulator