#311f5a hex color

In a RGB color space, hex #311f5a is composed of 19.2% red, 12.2% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 65.6% magenta, 0% yellow and 64.7% black. It has a hue angle of 258.3 degrees, a saturation of 48.8% and a lightness of 23.7%. #311f5a color hex could be obtained by blending #623eb4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 35
RGB color chart
- C 46
- M 66
- Y 0
- K 65
CMYK color chart

● #311f5a color description : Very dark violet.

The hexadecimal color #311f5a has RGB values of R:49, G:31, B:90 and CMYK values of C:0.46, M:0.66, Y:0, K:0.65. Its decimal value is 3219290.

Hex triplet	311f5a	`#311f5a`
RGB Decimal	49, 31, 90	`rgb(49,31,90)`
RGB Percent	19.2, 12.2, 35.3	`rgb(19.2%,12.2%,35.3%)`
CMYK	46, 66, 0, 65
HSL	258.3°, 48.8, 23.7	`hsl(258.3,48.8%,23.7%)`
HSV (or HSB)	258.3°, 65.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	17.325, 24.299, -32.598
XYZ	3.602, 2.371, 9.94
xyY	0.226, 0.149, 2.371
CIE-LCH	17.325, 40.658, 306.702
CIE-LUV	17.325, 2.476, -35.814
Hunter-Lab	15.398, 14.805, -27.495
Binary	00110001, 00011111, 01011010

#311f5a
```
#311f5a rgb(49,31,90)
```
#485a1f
```
#485a1f rgb(72,90,31)
```

Complementary Color

#1f2b5a
```
#1f2b5a rgb(31,43,90)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#4f1f5a
```
#4f1f5a rgb(79,31,90)
```

Analogous Color

#2b5a1f
```
#2b5a1f rgb(43,90,31)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#5a4f1f
```
#5a4f1f rgb(90,79,31)
```

Split Complementary Color

#1f5a31
```
#1f5a31 rgb(31,90,49)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#5a311f
```
#5a311f rgb(90,49,31)
```

Triadic Color

#1f485a
```
#1f485a rgb(31,72,90)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#5a311f
```
#5a311f rgb(90,49,31)
```
#485a1f
```
#485a1f rgb(72,90,31)
```

Tetradic Color

#120b21
```
#120b21 rgb(18,11,33)
```
#1c1234
```
#1c1234 rgb(28,18,52)
```
#271847
```
#271847 rgb(39,24,71)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#3b266d
```
#3b266d rgb(59,38,109)
```
#462c80
```
#462c80 rgb(70,44,128)
```
#503393
```
#503393 rgb(80,51,147)
```

Monochromatic Color

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

#221f5a
```
#221f5a rgb(34,31,90)
```
#271f5a
```
#271f5a rgb(39,31,90)
```
#2c1f5a
```
#2c1f5a rgb(44,31,90)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#361f5a
```
#361f5a rgb(54,31,90)
```
#3b1f5a
```
#3b1f5a rgb(59,31,90)
```
#401f5a
```
#401f5a rgb(64,31,90)
```

Similar Colors

Text with hexadecimal color #311f5a

This text has a font color of #311f5a.

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

#311f5a background color

This paragraph has a background color of #311f5a.

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

#311f5a border color

This element has a border color of #311f5a.

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

CSS codes

.text {color:#311f5a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090611
```
#090611 rgb(9,6,17)
```
#110b20
```
#110b20 rgb(17,11,32)
```
#19102e
```
#19102e rgb(25,16,46)
```
#21153d
```
#21153d rgb(33,21,61)
```
#291a4b
```
#291a4b rgb(41,26,75)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#392469
```
#392469 rgb(57,36,105)
```
#412977
```
#412977 rgb(65,41,119)
```
#492e86
```
#492e86 rgb(73,46,134)
```
#513394
```
#513394 rgb(81,51,148)
```
#5938a3
```
#5938a3 rgb(89,56,163)
```
#613db2
```
#613db2 rgb(97,61,178)
```

Shade Color Variation

#6944bf
```
#6944bf rgb(105,68,191)
```
#7552c4
```
#7552c4 rgb(117,82,196)
```
#8161c9
```
#8161c9 rgb(129,97,201)
```
#8c70ce
```
#8c70ce rgb(140,112,206)
```
#987ed3
```
#987ed3 rgb(152,126,211)
```
#a48dd8
```
#a48dd8 rgb(164,141,216)
```
#af9bdd
```
#af9bdd rgb(175,155,221)
```
#bbaae2
```
#bbaae2 rgb(187,170,226)
```
#c7b9e7
```
#c7b9e7 rgb(199,185,231)
```
#d2c7ec
```
#d2c7ec rgb(210,199,236)
```
#ded6f1
```
#ded6f1 rgb(222,214,241)
```
#eae4f6
```
#eae4f6 rgb(234,228,246)
```
#f5f3fb
```
#f5f3fb rgb(245,243,251)
```

Tint Color Variation

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

#3c3b3e
```
#3c3b3e rgb(60,59,62)
```
#3a3643
```
#3a3643 rgb(58,54,67)
```
#383247
```
#383247 rgb(56,50,71)
```
#362d4c
```
#362d4c rgb(54,45,76)
```
#352851
```
#352851 rgb(53,40,81)
```
#332455
```
#332455 rgb(51,36,85)
```
#311f5a
```
#311f5a rgb(49,31,90)
```
#2f1a5f
```
#2f1a5f rgb(47,26,95)
```
#2d1663
```
#2d1663 rgb(45,22,99)
```
#2c1168
```
#2c1168 rgb(44,17,104)
```
#2a0c6d
```
#2a0c6d rgb(42,12,109)
```
#280871
```
#280871 rgb(40,8,113)
```
#260376
```
#260376 rgb(38,3,118)
```

Tone Color Variation

Below, you can see how #311f5a 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
#2c2934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003365 Protanopia 1% of men
#00365a Deuteranopia 1% of men
#2f363a Tritanopia 0.001% of the population

Trichromacy

#112c61 Protanomaly 1% of men, 0.01% of women
#112e5a Deuteranomaly 6% of men, 0.4% of women
#302e46 Tritanomaly 0.01% of the population

#311f5a hex color

#311f5a Color Information

#311f5a Color Conversion

Color Schemes with #311f5a

Alternatives to #311f5a

#311f5a Preview

Shades and Tints of #311f5a

Tones of #311f5a

Color Blindness Simulator