colorhexa.com

#2d2f31 hex color

In a RGB color space, hex #2d2f31 is composed of 17.6% red, 18.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 4.1% magenta, 0% yellow and 80.8% black. It has a hue angle of 210 degrees, a saturation of 4.3% and a lightness of 18.4%. #2d2f31 color hex could be obtained by blending #5a5e62 with #000000. Closest websafe color is: #333333.

- R 18
- G 18
- B 19
RGB color chart
- C 8
- M 4
- Y 0
- K 81
CMYK color chart

● #2d2f31 color description : Very dark (mostly black) blue.

The hexadecimal color #2d2f31 has RGB values of R:45, G:47, B:49 and CMYK values of C:0.08, M:0.04, Y:0, K:0.81. Its decimal value is 2961201.

Hex triplet	2d2f31	`#2d2f31`
RGB Decimal	45, 47, 49	`rgb(45,47,49)`
RGB Percent	17.6, 18.4, 19.2	`rgb(17.6%,18.4%,19.2%)`
CMYK	8, 4, 0, 81
HSL	210°, 4.3, 18.4	`hsl(210,4.3%,18.4%)`
HSV (or HSB)	210°, 8.2, 19.2
Web Safe	333333	`#333333`

CIE-LAB	19.277, -0.387, -1.588
XYZ	2.653, 2.813, 3.309
xyY	0.302, 0.321, 2.813
CIE-LCH	19.277, 1.635, 256.298
CIE-LUV	19.277, -1.023, -1.539
Hunter-Lab	16.771, -1.113, 0.043
Binary	00101101, 00101111, 00110001

#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#312f2d
```
#312f2d rgb(49,47,45)
```

Complementary Color

#2d3131
```
#2d3131 rgb(45,49,49)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#2d2d31
```
#2d2d31 rgb(45,45,49)
```

Analogous Color

#31312d
```
#31312d rgb(49,49,45)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#312d2d
```
#312d2d rgb(49,45,45)
```

Split Complementary Color

#080909
```
#080909 rgb(8,9,9)
```
#151616
```
#151616 rgb(21,22,22)
```
#212224
```
#212224 rgb(33,34,36)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#393c3e
```
#393c3e rgb(57,60,62)
```
#45494c
```
#45494c rgb(69,73,76)
```
#525559
```
#525559 rgb(82,85,89)
```

Monochromatic Color

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

#2d3031
```
#2d3031 rgb(45,48,49)
```
#2d3031
```
#2d3031 rgb(45,48,49)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#2d2e31
```
#2d2e31 rgb(45,46,49)
```
#2d2e31
```
#2d2e31 rgb(45,46,49)
```

Similar Colors

Text with hexadecimal color #2d2f31

This text has a font color of #2d2f31.

<span style="color:#2d2f31;">Text here</span>

#2d2f31 background color

This paragraph has a background color of #2d2f31.

<p style="background-color:#2d2f31;">Content here</p>

#2d2f31 border color

This element has a border color of #2d2f31.

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

CSS codes

.text {color:#2d2f31;}

.background {background-color:#2d2f31;}

.border {border:1px solid #2d2f31;}

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

#070808
```
#070808 rgb(7,8,8)
```
#111212
```
#111212 rgb(17,18,18)
```
#1a1b1d
```
#1a1b1d rgb(26,27,29)
```
#242527
```
#242527 rgb(36,37,39)
```
#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#36393b
```
#36393b rgb(54,57,59)
```
#404345
```
#404345 rgb(64,67,69)
```
#494c50
```
#494c50 rgb(73,76,80)
```
#53565a
```
#53565a rgb(83,86,90)
```
#5c6064
```
#5c6064 rgb(92,96,100)
```
#656a6e
```
#656a6e rgb(101,106,110)
```
#6f7479
```
#6f7479 rgb(111,116,121)
```
#787d83
```
#787d83 rgb(120,125,131)
```

Shade Color Variation

#82878c
```
#82878c rgb(130,135,140)
```
#8c9196
```
#8c9196 rgb(140,145,150)
```
#979b9f
```
#979b9f rgb(151,155,159)
```
#a1a5a9
```
#a1a5a9 rgb(161,165,169)
```
#abafb2
```
#abafb2 rgb(171,175,178)
```
#b5b8bb
```
#b5b8bb rgb(181,184,187)
```
#c0c2c5
```
#c0c2c5 rgb(192,194,197)
```
#caccce
```
#caccce rgb(202,204,206)
```
#d4d6d7
```
#d4d6d7 rgb(212,214,215)
```
#dee0e1
```
#dee0e1 rgb(222,224,225)
```
#e8e9ea
```
#e8e9ea rgb(232,233,234)
```
#f3f3f4
```
#f3f3f4 rgb(243,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#292f35
```
#292f35 rgb(41,47,53)
```
#262f38
```
#262f38 rgb(38,47,56)
```
#222f3c
```
#222f3c rgb(34,47,60)
```
#1f2f3f
```
#1f2f3f rgb(31,47,63)
```
#1b2f43
```
#1b2f43 rgb(27,47,67)
```
#172f47
```
#172f47 rgb(23,47,71)
```
#142f4a
```
#142f4a rgb(20,47,74)
```
#102f4e
```
#102f4e rgb(16,47,78)
```
#0c2f52
```
#0c2f52 rgb(12,47,82)
```
#092f55
```
#092f55 rgb(9,47,85)
```
#052f59
```
#052f59 rgb(5,47,89)
```
#022f5c
```
#022f5c rgb(2,47,92)
```

Tone Color Variation

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

Dichromacy

#39393b Protanopia 1% of men
#3d383c Deuteranopia 1% of men
#38393d Tritanopia 0.001% of the population

Trichromacy

#353537 Protanomaly 1% of men, 0.01% of women
#373438 Deuteranomaly 6% of men, 0.4% of women
#343539 Tritanomaly 0.01% of the population