colorhexa.com

#2d4339 hex color

In a RGB color space, hex #2d4339 is composed of 17.6% red, 26.3% green and 22.4% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 0% magenta, 14.9% yellow and 73.7% black. It has a hue angle of 152.7 degrees, a saturation of 19.6% and a lightness of 22%. #2d4339 color hex could be obtained by blending #5a8672 with #000000. Closest websafe color is: #333333.

- R 18
- G 26
- B 22
RGB color chart
- C 33
- M 0
- Y 15
- K 74
CMYK color chart

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

The hexadecimal color #2d4339 has RGB values of R:45, G:67, B:57 and CMYK values of C:0.33, M:0, Y:0.15, K:0.74. Its decimal value is 2966329.

Hex triplet	2d4339	`#2d4339`
RGB Decimal	45, 67, 57	`rgb(45,67,57)`
RGB Percent	17.6, 26.3, 22.4	`rgb(17.6%,26.3%,22.4%)`
CMYK	33, 0, 15, 74
HSL	152.7°, 19.6, 22	`hsl(152.7,19.6%,22%)`
HSV (or HSB)	152.7°, 32.8, 26.3
Web Safe	333333	`#333333`

CIE-LAB	26.354, -11.176, 3.324
XYZ	3.828, 4.867, 4.609
xyY	0.288, 0.366, 4.867
CIE-LCH	26.354, 11.66, 163.436
CIE-LUV	26.354, -9.925, 5.084
Hunter-Lab	22.062, -7.641, 3.059
Binary	00101101, 01000011, 00111001

#2d4339
```
#2d4339 rgb(45,67,57)
```
#432d37
```
#432d37 rgb(67,45,55)
```

Complementary Color

#2d432e
```
#2d432e rgb(45,67,46)
```
#2d4339
```
#2d4339 rgb(45,67,57)
```
#2d4243
```
#2d4243 rgb(45,66,67)
```

Analogous Color

#432e2d
```
#432e2d rgb(67,46,45)
```
#2d4339
```
#2d4339 rgb(45,67,57)
```
#432d42
```
#432d42 rgb(67,45,66)
```

Split Complementary Color

#0e1512
```
#0e1512 rgb(14,21,18)
```
#19241f
```
#19241f rgb(25,36,31)
```
#23342c
```
#23342c rgb(35,52,44)
```
#2d4339
```
#2d4339 rgb(45,67,57)
```
#375246
```
#375246 rgb(55,82,70)
```
#416253
```
#416253 rgb(65,98,83)
```
#4c7160
```
#4c7160 rgb(76,113,96)
```

Monochromatic Color

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

#2d4334
```
#2d4334 rgb(45,67,52)
```
#2d4335
```
#2d4335 rgb(45,67,53)
```
#2d4337
```
#2d4337 rgb(45,67,55)
```
#2d4339
```
#2d4339 rgb(45,67,57)
```
#2d433b
```
#2d433b rgb(45,67,59)
```
#2d433d
```
#2d433d rgb(45,67,61)
```
#2d433f
```
#2d433f rgb(45,67,63)
```

Similar Colors

Text with hexadecimal color #2d4339

This text has a font color of #2d4339.

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

#2d4339 background color

This paragraph has a background color of #2d4339.

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

#2d4339 border color

This element has a border color of #2d4339.

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

CSS codes

.text {color:#2d4339;}

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

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

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

#060807
```
#060807 rgb(6,8,7)
```
#0d1411
```
#0d1411 rgb(13,20,17)
```
#15201b
```
#15201b rgb(21,32,27)
```
#1d2c25
```
#1d2c25 rgb(29,44,37)
```
#25372f
```
#25372f rgb(37,55,47)
```
#2d4339
```
#2d4339 rgb(45,67,57)
```
#354f43
```
#354f43 rgb(53,79,67)
```
#3d5a4d
```
#3d5a4d rgb(61,90,77)
```
#456657
```
#456657 rgb(69,102,87)
```
#4d7261
```
#4d7261 rgb(77,114,97)
```
#547e6b
```
#547e6b rgb(84,126,107)
```
#5c8975
```
#5c8975 rgb(92,137,117)
```
#64957f
```
#64957f rgb(100,149,127)
```

Shade Color Variation

#6f9e89
```
#6f9e89 rgb(111,158,137)
```
#7ba692
```
#7ba692 rgb(123,166,146)
```
#86ae9c
```
#86ae9c rgb(134,174,156)
```
#92b6a6
```
#92b6a6 rgb(146,182,166)
```
#9ebeaf
```
#9ebeaf rgb(158,190,175)
```
#a9c6b9
```
#a9c6b9 rgb(169,198,185)
```
#b5cdc2
```
#b5cdc2 rgb(181,205,194)
```
#c1d5cc
```
#c1d5cc rgb(193,213,204)
```
#cdddd6
```
#cdddd6 rgb(205,221,214)
```
#d8e5df
```
#d8e5df rgb(216,229,223)
```
#e4ede9
```
#e4ede9 rgb(228,237,233)
```
#f0f5f3
```
#f0f5f3 rgb(240,245,243)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#363a38
```
#363a38 rgb(54,58,56)
```
#313f39
```
#313f39 rgb(49,63,57)
```
#2d4339
```
#2d4339 rgb(45,67,57)
```
#294739
```
#294739 rgb(41,71,57)
```
#244c3a
```
#244c3a rgb(36,76,58)
```
#20503a
```
#20503a rgb(32,80,58)
```
#1c543b
```
#1c543b rgb(28,84,59)
```
#17593b
```
#17593b rgb(23,89,59)
```
#135d3b
```
#135d3b rgb(19,93,59)
```
#0f613c
```
#0f613c rgb(15,97,60)
```
#0b653c
```
#0b653c rgb(11,101,60)
```
#066a3d
```
#066a3d rgb(6,106,61)
```
#026e3d
```
#026e3d rgb(2,110,61)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#383d3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4841 Protanopia 1% of men
#504645 Deuteranopia 1% of men
#3b4a50 Tritanopia 0.001% of the population

Trichromacy

#40463e Protanomaly 1% of men, 0.01% of women
#434440 Deuteranomaly 6% of men, 0.4% of women
#364847 Tritanomaly 0.01% of the population