#312b3d hex color

In a RGB color space, hex #312b3d is composed of 19.2% red, 16.9% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 29.5% magenta, 0% yellow and 76.1% black. It has a hue angle of 260 degrees, a saturation of 17.3% and a lightness of 20.4%. #312b3d color hex could be obtained by blending #62567a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 17
- B 24
RGB color chart
- C 20
- M 30
- Y 0
- K 76
CMYK color chart

● #312b3d color description : Very dark grayish violet.

The hexadecimal color #312b3d has RGB values of R:49, G:43, B:61 and CMYK values of C:0.2, M:0.3, Y:0, K:0.76. Its decimal value is 3222333.

Hex triplet	312b3d	`#312b3d`
RGB Decimal	49, 43, 61	`rgb(49,43,61)`
RGB Percent	19.2, 16.9, 23.9	`rgb(19.2%,16.9%,23.9%)`
CMYK	20, 30, 0, 76
HSL	260°, 17.3, 20.4	`hsl(260,17.3%,20.4%)`
HSV (or HSB)	260°, 29.5, 23.9
Web Safe	333333	`#333333`

CIE-LAB	18.876, 7.207, -10.436
XYZ	2.973, 2.718, 4.783
xyY	0.284, 0.259, 2.718
CIE-LCH	18.876, 12.683, 304.63
CIE-LUV	18.876, 1.686, -11.594
Hunter-Lab	16.485, 3.338, -5.661
Binary	00110001, 00101011, 00111101

#312b3d
```
#312b3d rgb(49,43,61)
```
#373d2b
```
#373d2b rgb(55,61,43)
```

Complementary Color

#2b2e3d
```
#2b2e3d rgb(43,46,61)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#3a2b3d
```
#3a2b3d rgb(58,43,61)
```

Analogous Color

#2e3d2b
```
#2e3d2b rgb(46,61,43)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#3d3a2b
```
#3d3a2b rgb(61,58,43)
```

Split Complementary Color

#2b3d31
```
#2b3d31 rgb(43,61,49)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#3d312b
```
#3d312b rgb(61,49,43)
```

Triadic Color

#2b373d
```
#2b373d rgb(43,55,61)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#3d312b
```
#3d312b rgb(61,49,43)
```
#373d2b
```
#373d2b rgb(55,61,43)
```

Tetradic Color

#0d0b10
```
#0d0b10 rgb(13,11,16)
```
#19161f
```
#19161f rgb(25,22,31)
```
#25202e
```
#25202e rgb(37,32,46)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#3d364c
```
#3d364c rgb(61,54,76)
```
#49405b
```
#49405b rgb(73,64,91)
```
#554b6a
```
#554b6a rgb(85,75,106)
```

Monochromatic Color

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

#2d2b3d
```
#2d2b3d rgb(45,43,61)
```
#2e2b3d
```
#2e2b3d rgb(46,43,61)
```
#302b3d
```
#302b3d rgb(48,43,61)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#332b3d
```
#332b3d rgb(51,43,61)
```
#342b3d
```
#342b3d rgb(52,43,61)
```
#362b3d
```
#362b3d rgb(54,43,61)
```

Similar Colors

Text with hexadecimal color #312b3d

This text has a font color of #312b3d.

<span style="color:#312b3d;">Text here</span>

#312b3d background color

This paragraph has a background color of #312b3d.

<p style="background-color:#312b3d;">Content here</p>

#312b3d border color

This element has a border color of #312b3d.

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

CSS codes

.text {color:#312b3d;}

.background {background-color:#312b3d;}

.border {border:1px solid #312b3d;}

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

#030203
```
#030203 rgb(3,2,3)
```
#0c0b0f
```
#0c0b0f rgb(12,11,15)
```
#15131a
```
#15131a rgb(21,19,26)
```
#1f1b26
```
#1f1b26 rgb(31,27,38)
```
#282331
```
#282331 rgb(40,35,49)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#3a3349
```
#3a3349 rgb(58,51,73)
```
#433b54
```
#433b54 rgb(67,59,84)
```
#4d4360
```
#4d4360 rgb(77,67,96)
```
#564b6b
```
#564b6b rgb(86,75,107)
```
#5f5477
```
#5f5477 rgb(95,84,119)
```
#685c82
```
#685c82 rgb(104,92,130)
```
#72648e
```
#72648e rgb(114,100,142)
```

Shade Color Variation

#7b6d98
```
#7b6d98 rgb(123,109,152)
```
#8678a0
```
#8678a0 rgb(134,120,160)
```
#9084a8
```
#9084a8 rgb(144,132,168)
```
#9a8fb0
```
#9a8fb0 rgb(154,143,176)
```
#a59bb8
```
#a59bb8 rgb(165,155,184)
```
#afa6c1
```
#afa6c1 rgb(175,166,193)
```
#bab2c9
```
#bab2c9 rgb(186,178,201)
```
#c4bdd1
```
#c4bdd1 rgb(196,189,209)
```
#cec9d9
```
#cec9d9 rgb(206,201,217)
```
#d9d4e1
```
#d9d4e1 rgb(217,212,225)
```
#e3e0e9
```
#e3e0e9 rgb(227,224,233)
```
#edebf1
```
#edebf1 rgb(237,235,241)
```
#f8f7f9
```
#f8f7f9 rgb(248,247,249)
```

Tint Color Variation

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

#343335
```
#343335 rgb(52,51,53)
```
#322f39
```
#322f39 rgb(50,47,57)
```
#312b3d
```
#312b3d rgb(49,43,61)
```
#302741
```
#302741 rgb(48,39,65)
```
#2e2345
```
#2e2345 rgb(46,35,69)
```
#2d1f49
```
#2d1f49 rgb(45,31,73)
```
#2c1b4d
```
#2c1b4d rgb(44,27,77)
```
#2a1751
```
#2a1751 rgb(42,23,81)
```
#291355
```
#291355 rgb(41,19,85)
```
#280f59
```
#280f59 rgb(40,15,89)
```
#260b5d
```
#260b5d rgb(38,11,93)
```
#250761
```
#250761 rgb(37,7,97)
```
#240365
```
#240365 rgb(36,3,101)
```

Tone Color Variation

Below, you can see how #312b3d 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

#2f2f2f Achromatopsia 0.005% of the population
#2f2e32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343848 Protanopia 1% of men
#363746 Deuteranopia 1% of men
#39383c Tritanopia 0.001% of the population

Trichromacy

#323344 Protanomaly 1% of men, 0.01% of women
#343343 Deuteranomaly 6% of men, 0.4% of women
#36333c Tritanomaly 0.01% of the population

#312b3d hex color

#312b3d Color Information

#312b3d Color Conversion

Color Schemes with #312b3d

Alternatives to #312b3d

#312b3d Preview

Shades and Tints of #312b3d

Tones of #312b3d

Color Blindness Simulator