#312d3d hex color

In a RGB color space, hex #312d3d is composed of 19.2% red, 17.6% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 26.2% magenta, 0% yellow and 76.1% black. It has a hue angle of 255 degrees, a saturation of 15.1% and a lightness of 20.8%. #312d3d color hex could be obtained by blending #625a7a with #000000. Closest websafe color is: #333333.

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

● #312d3d color description : Very dark grayish blue.

The hexadecimal color #312d3d has RGB values of R:49, G:45, B:61 and CMYK values of C:0.2, M:0.26, Y:0, K:0.76. Its decimal value is 3222845.

Hex triplet	312d3d	`#312d3d`
RGB Decimal	49, 45, 61	`rgb(49,45,61)`
RGB Percent	19.2, 17.6, 23.9	`rgb(19.2%,17.6%,23.9%)`
CMYK	20, 26, 0, 76
HSL	255°, 15.1, 20.8	`hsl(255,15.1%,20.8%)`
HSV (or HSB)	255°, 26.2, 23.9
Web Safe	333333	`#333333`

CIE-LAB	19.502, 5.814, -9.478
XYZ	3.047, 2.867, 4.807
xyY	0.284, 0.267, 2.867
CIE-LCH	19.502, 11.119, 301.524
CIE-LUV	19.502, 0.945, -10.565
Hunter-Lab	16.931, 2.496, -4.983
Binary	00110001, 00101101, 00111101

#312d3d
```
#312d3d rgb(49,45,61)
```
#393d2d
```
#393d2d rgb(57,61,45)
```

Complementary Color

#2d313d
```
#2d313d rgb(45,49,61)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#392d3d
```
#392d3d rgb(57,45,61)
```

Analogous Color

#313d2d
```
#313d2d rgb(49,61,45)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#3d392d
```
#3d392d rgb(61,57,45)
```

Split Complementary Color

#2d3d31
```
#2d3d31 rgb(45,61,49)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#3d312d
```
#3d312d rgb(61,49,45)
```

Triadic Color

#2d393d
```
#2d393d rgb(45,57,61)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#3d312d
```
#3d312d rgb(61,49,45)
```
#393d2d
```
#393d2d rgb(57,61,45)
```

Tetradic Color

#0e0d11
```
#0e0d11 rgb(14,13,17)
```
#191720
```
#191720 rgb(25,23,32)
```
#25222e
```
#25222e rgb(37,34,46)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#3d384c
```
#3d384c rgb(61,56,76)
```
#49435a
```
#49435a rgb(73,67,90)
```
#544d69
```
#544d69 rgb(84,77,105)
```

Monochromatic Color

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

#2d2d3d
```
#2d2d3d rgb(45,45,61)
```
#2e2d3d
```
#2e2d3d rgb(46,45,61)
```
#302d3d
```
#302d3d rgb(48,45,61)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#322d3d
```
#322d3d rgb(50,45,61)
```
#342d3d
```
#342d3d rgb(52,45,61)
```
#352d3d
```
#352d3d rgb(53,45,61)
```

Similar Colors

Text with hexadecimal color #312d3d

This text has a font color of #312d3d.

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

#312d3d background color

This paragraph has a background color of #312d3d.

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

#312d3d border color

This element has a border color of #312d3d.

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

CSS codes

.text {color:#312d3d;}

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

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0d0c10
```
#0d0c10 rgb(13,12,16)
```
#16141b
```
#16141b rgb(22,20,27)
```
#1f1c26
```
#1f1c26 rgb(31,28,38)
```
#282532
```
#282532 rgb(40,37,50)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#3a3548
```
#3a3548 rgb(58,53,72)
```
#433e54
```
#433e54 rgb(67,62,84)
```
#4c465f
```
#4c465f rgb(76,70,95)
```
#554e6a
```
#554e6a rgb(85,78,106)
```
#5e5775
```
#5e5775 rgb(94,87,117)
```
#675f81
```
#675f81 rgb(103,95,129)
```
#70678c
```
#70678c rgb(112,103,140)
```

Shade Color Variation

#7a7196
```
#7a7196 rgb(122,113,150)
```
#857c9e
```
#857c9e rgb(133,124,158)
```
#8f87a7
```
#8f87a7 rgb(143,135,167)
```
#9a93af
```
#9a93af rgb(154,147,175)
```
#a49eb7
```
#a49eb7 rgb(164,158,183)
```
#afa9c0
```
#afa9c0 rgb(175,169,192)
```
#b9b5c8
```
#b9b5c8 rgb(185,181,200)
```
#c4c0d0
```
#c4c0d0 rgb(196,192,208)
```
#cfcbd9
```
#cfcbd9 rgb(207,203,217)
```
#d9d6e1
```
#d9d6e1 rgb(217,214,225)
```
#e4e2e9
```
#e4e2e9 rgb(228,226,233)
```
#eeedf2
```
#eeedf2 rgb(238,237,242)
```
#f9f8fa
```
#f9f8fa rgb(249,248,250)
```

Tint Color Variation

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

#333139
```
#333139 rgb(51,49,57)
```
#312d3d
```
#312d3d rgb(49,45,61)
```
#2f2941
```
#2f2941 rgb(47,41,65)
```
#2d2545
```
#2d2545 rgb(45,37,69)
```
#2b2149
```
#2b2149 rgb(43,33,73)
```
#291d4d
```
#291d4d rgb(41,29,77)
```
#271951
```
#271951 rgb(39,25,81)
```
#251555
```
#251555 rgb(37,21,85)
```
#23105a
```
#23105a rgb(35,16,90)
```
#210c5e
```
#210c5e rgb(33,12,94)
```
#1f0862
```
#1f0862 rgb(31,8,98)
```
#1d0466
```
#1d0466 rgb(29,4,102)
```
#1b006a
```
#1b006a rgb(27,0,106)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302f33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363948 Protanopia 1% of men
#383846 Deuteranopia 1% of men
#39393d Tritanopia 0.001% of the population

Trichromacy

#343444 Protanomaly 1% of men, 0.01% of women
#353443 Deuteranomaly 6% of men, 0.4% of women
#36353d Tritanomaly 0.01% of the population

#312d3d hex color

#312d3d Color Information

#312d3d Color Conversion

Color Schemes with #312d3d

Alternatives to #312d3d

#312d3d Preview

Shades and Tints of #312d3d

Tones of #312d3d

Color Blindness Simulator