#2d4542 hex color

In a RGB color space, hex #2d4542 is composed of 17.6% red, 27.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 0% magenta, 4.3% yellow and 72.9% black. It has a hue angle of 172.5 degrees, a saturation of 21.1% and a lightness of 22.4%. #2d4542 color hex could be obtained by blending #5a8a84 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 27
- B 26
RGB color chart
- C 35
- M 0
- Y 4
- K 73
CMYK color chart

● #2d4542 color description : Very dark grayish cyan.

The hexadecimal color #2d4542 has RGB values of R:45, G:69, B:66 and CMYK values of C:0.35, M:0, Y:0.04, K:0.73. Its decimal value is 2966850.

Hex triplet	2d4542	`#2d4542`
RGB Decimal	45, 69, 66	`rgb(45,69,66)`
RGB Percent	17.6, 27.1, 25.9	`rgb(17.6%,27.1%,25.9%)`
CMYK	35, 0, 4, 73
HSL	172.5°, 21.1, 22.4	`hsl(172.5,21.1%,22.4%)`
HSV (or HSB)	172.5°, 34.8, 27.1
Web Safe	333333	`#333333`

CIE-LAB	27.317, -10.036, -1.16
XYZ	4.193, 5.207, 5.938
xyY	0.273, 0.339, 5.207
CIE-LCH	27.317, 10.103, 186.592
CIE-LUV	27.317, -10.76, -0.081
Hunter-Lab	22.82, -7.132, 0.545
Binary	00101101, 01000101, 01000010

#2d4542
```
#2d4542 rgb(45,69,66)
```
#452d30
```
#452d30 rgb(69,45,48)
```

Complementary Color

#2d4536
```
#2d4536 rgb(45,69,54)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#2d3c45
```
#2d3c45 rgb(45,60,69)
```

Analogous Color

#45362d
```
#45362d rgb(69,54,45)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#452d3c
```
#452d3c rgb(69,45,60)
```

Split Complementary Color

#45422d
```
#45422d rgb(69,66,45)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#422d45
```
#422d45 rgb(66,45,69)
```

Triadic Color

#30452d
```
#30452d rgb(48,69,45)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#422d45
```
#422d45 rgb(66,45,69)
```
#452d30
```
#452d30 rgb(69,45,48)
```

Tetradic Color

#0f1716
```
#0f1716 rgb(15,23,22)
```
#192624
```
#192624 rgb(25,38,36)
```
#233633
```
#233633 rgb(35,54,51)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#375451
```
#375451 rgb(55,84,81)
```
#416460
```
#416460 rgb(65,100,96)
```
#4b736e
```
#4b736e rgb(75,115,110)
```

Monochromatic Color

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

#2d453c
```
#2d453c rgb(45,69,60)
```
#2d453e
```
#2d453e rgb(45,69,62)
```
#2d4540
```
#2d4540 rgb(45,69,64)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#2d4544
```
#2d4544 rgb(45,69,68)
```
#2d4445
```
#2d4445 rgb(45,68,69)
```
#2d4245
```
#2d4245 rgb(45,66,69)
```

Similar Colors

Text with hexadecimal color #2d4542

This text has a font color of #2d4542.

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

#2d4542 background color

This paragraph has a background color of #2d4542.

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

#2d4542 border color

This element has a border color of #2d4542.

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

CSS codes

.text {color:#2d4542;}

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

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

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, #060a09 is the darkest color, while #fdfefd is the lightest one.

#060a09
```
#060a09 rgb(6,10,9)
```
#0e1615
```
#0e1615 rgb(14,22,21)
```
#162120
```
#162120 rgb(22,33,32)
```
#1e2d2b
```
#1e2d2b rgb(30,45,43)
```
#253937
```
#253937 rgb(37,57,55)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#35514d
```
#35514d rgb(53,81,77)
```
#3c5d59
```
#3c5d59 rgb(60,93,89)
```
#446964
```
#446964 rgb(68,105,100)
```
#4c746f
```
#4c746f rgb(76,116,111)
```
#54807b
```
#54807b rgb(84,128,123)
```
#5b8c86
```
#5b8c86 rgb(91,140,134)
```
#639891
```
#639891 rgb(99,152,145)
```

Shade Color Variation

#6ea19a
```
#6ea19a rgb(110,161,154)
```
#7aa8a3
```
#7aa8a3 rgb(122,168,163)
```
#86b0ab
```
#86b0ab rgb(134,176,171)
```
#92b8b3
```
#92b8b3 rgb(146,184,179)
```
#9ec0bb
```
#9ec0bb rgb(158,192,187)
```
#aac7c4
```
#aac7c4 rgb(170,199,196)
```
#b6cfcc
```
#b6cfcc rgb(182,207,204)
```
#c1d7d4
```
#c1d7d4 rgb(193,215,212)
```
#cddfdc
```
#cddfdc rgb(205,223,220)
```
#d9e6e5
```
#d9e6e5 rgb(217,230,229)
```
#e5eeed
```
#e5eeed rgb(229,238,237)
```
#f1f6f5
```
#f1f6f5 rgb(241,246,245)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#363c3b
```
#363c3b rgb(54,60,59)
```
#31413f
```
#31413f rgb(49,65,63)
```
#2d4542
```
#2d4542 rgb(45,69,66)
```
#294945
```
#294945 rgb(41,73,69)
```
#244e49
```
#244e49 rgb(36,78,73)
```
#20524c
```
#20524c rgb(32,82,76)
```
#1b574f
```
#1b574f rgb(27,87,79)
```
#175b52
```
#175b52 rgb(23,91,82)
```
#135f56
```
#135f56 rgb(19,95,86)
```
#0e6459
```
#0e6459 rgb(14,100,89)
```
#0a685c
```
#0a685c rgb(10,104,92)
```
#066c60
```
#066c60 rgb(6,108,96)
```
#017163
```
#017163 rgb(1,113,99)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3a3f3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4a49 Protanopia 1% of men
#4f484e Deuteranopia 1% of men
#394d53 Tritanopia 0.001% of the population

Trichromacy

#404846 Protanomaly 1% of men, 0.01% of women
#434749 Deuteranomaly 6% of men, 0.4% of women
#354a4c Tritanomaly 0.01% of the population

#2d4542 hex color

#2d4542 Color Information

#2d4542 Color Conversion

Color Schemes with #2d4542

Alternatives to #2d4542

#2d4542 Preview

Shades and Tints of #2d4542

Tones of #2d4542

Color Blindness Simulator