colorhexa.com

#2d4037 hex color

In a RGB color space, hex #2d4037 is composed of 17.6% red, 25.1% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 0% magenta, 14.1% yellow and 74.9% black. It has a hue angle of 151.6 degrees, a saturation of 17.4% and a lightness of 21.4%. #2d4037 color hex could be obtained by blending #5a806e with #000000. Closest websafe color is: #333333.

- R 18
- G 25
- B 22
RGB color chart
- C 30
- M 0
- Y 14
- K 75
CMYK color chart

● #2d4037 color description : Very dark grayish cyan - lime green.

The hexadecimal color #2d4037 has RGB values of R:45, G:64, B:55 and CMYK values of C:0.3, M:0, Y:0.14, K:0.75. Its decimal value is 2965559.

Hex triplet	2d4037	`#2d4037`
RGB Decimal	45, 64, 55	`rgb(45,64,55)`
RGB Percent	17.6, 25.1, 21.6	`rgb(17.6%,25.1%,21.6%)`
CMYK	30, 0, 14, 75
HSL	151.6°, 17.4, 21.4	`hsl(151.6,17.4%,21.4%)`
HSV (or HSB)	151.6°, 29.7, 25.1
Web Safe	333333	`#333333`

CIE-LAB	25.261, -9.857, 3.069
XYZ	3.605, 4.5, 4.293
xyY	0.291, 0.363, 4.5
CIE-LCH	25.261, 10.323, 162.705
CIE-LUV	25.261, -8.588, 4.567
Hunter-Lab	21.214, -6.792, 2.852
Binary	00101101, 01000000, 00110111

#2d4037
```
#2d4037 rgb(45,64,55)
```
#402d36
```
#402d36 rgb(64,45,54)
```

Complementary Color

#2d402e
```
#2d402e rgb(45,64,46)
```
#2d4037
```
#2d4037 rgb(45,64,55)
```
#2d4040
```
#2d4040 rgb(45,64,64)
```

Analogous Color

#402e2d
```
#402e2d rgb(64,46,45)
```
#2d4037
```
#2d4037 rgb(45,64,55)
```
#402d40
```
#402d40 rgb(64,45,64)
```

Split Complementary Color

#0d1310
```
#0d1310 rgb(13,19,16)
```
#18221d
```
#18221d rgb(24,34,29)
```
#22312a
```
#22312a rgb(34,49,42)
```
#2d4037
```
#2d4037 rgb(45,64,55)
```
#384f44
```
#384f44 rgb(56,79,68)
```
#425e51
```
#425e51 rgb(66,94,81)
```
#4d6d5e
```
#4d6d5e rgb(77,109,94)
```

Monochromatic Color

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

#2d4032
```
#2d4032 rgb(45,64,50)
```
#2d4034
```
#2d4034 rgb(45,64,52)
```
#2d4035
```
#2d4035 rgb(45,64,53)
```
#2d4037
```
#2d4037 rgb(45,64,55)
```
#2d4039
```
#2d4039 rgb(45,64,57)
```
#2d403a
```
#2d403a rgb(45,64,58)
```
#2d403c
```
#2d403c rgb(45,64,60)
```

Similar Colors

Text with hexadecimal color #2d4037

This text has a font color of #2d4037.

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

#2d4037 background color

This paragraph has a background color of #2d4037.

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

#2d4037 border color

This element has a border color of #2d4037.

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

CSS codes

.text {color:#2d4037;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0d120f
```
#0d120f rgb(13,18,15)
```
#151d19
```
#151d19 rgb(21,29,25)
```
#1d2923
```
#1d2923 rgb(29,41,35)
```
#25342d
```
#25342d rgb(37,52,45)
```
#2d4037
```
#2d4037 rgb(45,64,55)
```
#354c41
```
#354c41 rgb(53,76,65)
```
#3d574b
```
#3d574b rgb(61,87,75)
```
#456355
```
#456355 rgb(69,99,85)
```
#4d6e5f
```
#4d6e5f rgb(77,110,95)
```
#557a68
```
#557a68 rgb(85,122,104)
```
#5e8572
```
#5e8572 rgb(94,133,114)
```
#66917c
```
#66917c rgb(102,145,124)
```

Shade Color Variation

#709a86
```
#709a86 rgb(112,154,134)
```
#7ba290
```
#7ba290 rgb(123,162,144)
```
#87aa9a
```
#87aa9a rgb(135,170,154)
```
#92b3a3
```
#92b3a3 rgb(146,179,163)
```
#9ebbad
```
#9ebbad rgb(158,187,173)
```
#a9c3b7
```
#a9c3b7 rgb(169,195,183)
```
#b5cbc0
```
#b5cbc0 rgb(181,203,192)
```
#c0d3ca
```
#c0d3ca rgb(192,211,202)
```
#ccdbd4
```
#ccdbd4 rgb(204,219,212)
```
#d7e3de
```
#d7e3de rgb(215,227,222)
```
#e3ebe7
```
#e3ebe7 rgb(227,235,231)
```
#eef3f1
```
#eef3f1 rgb(238,243,241)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#353837
```
#353837 rgb(53,56,55)
```
#313c37
```
#313c37 rgb(49,60,55)
```
#2d4037
```
#2d4037 rgb(45,64,55)
```
#294437
```
#294437 rgb(41,68,55)
```
#254837
```
#254837 rgb(37,72,55)
```
#204d38
```
#204d38 rgb(32,77,56)
```
#1c5138
```
#1c5138 rgb(28,81,56)
```
#185538
```
#185538 rgb(24,85,56)
```
#145938
```
#145938 rgb(20,89,56)
```
#105d39
```
#105d39 rgb(16,93,57)
```
#0b6239
```
#0b6239 rgb(11,98,57)
```
#076639
```
#076639 rgb(7,102,57)
```
#036a39
```
#036a39 rgb(3,106,57)
```

Tone Color Variation

Below, you can see how #2d4037 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

#393939 Achromatopsia 0.005% of the population
#373a39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48453f Protanopia 1% of men
#4d4343 Deuteranopia 1% of men
#3a484d Tritanopia 0.001% of the population

Trichromacy

#3e433c Protanomaly 1% of men, 0.01% of women
#41423e Deuteranomaly 6% of men, 0.4% of women
#354545 Tritanomaly 0.01% of the population