#2d4642 hex color

In a RGB color space, hex #2d4642 is composed of 17.6% red, 27.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 0% magenta, 5.7% yellow and 72.5% black. It has a hue angle of 170.4 degrees, a saturation of 21.7% and a lightness of 22.5%. #2d4642 color hex could be obtained by blending #5a8c84 with #000000. Closest websafe color is: #333333.

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

● #2d4642 color description : Very dark desaturated cyan.

The hexadecimal color #2d4642 has RGB values of R:45, G:70, B:66 and CMYK values of C:0.36, M:0, Y:0.06, K:0.73. Its decimal value is 2967106.

Hex triplet	2d4642	`#2d4642`
RGB Decimal	45, 70, 66	`rgb(45,70,66)`
RGB Percent	17.6, 27.5, 25.9	`rgb(17.6%,27.5%,25.9%)`
CMYK	36, 0, 6, 73
HSL	170.4°, 21.7, 22.5	`hsl(170.4,21.7%,22.5%)`
HSV (or HSB)	170.4°, 35.7, 27.5
Web Safe	333333	`#333333`

CIE-LAB	27.659, -10.64, -0.659
XYZ	4.255, 5.331, 5.959
xyY	0.274, 0.343, 5.331
CIE-LCH	27.659, 10.661, 183.545
CIE-LUV	27.659, -11.192, 0.578
Hunter-Lab	23.09, -7.509, 0.862
Binary	00101101, 01000110, 01000010

#2d4642
```
#2d4642 rgb(45,70,66)
```
#462d31
```
#462d31 rgb(70,45,49)
```

Complementary Color

#2d4636
```
#2d4636 rgb(45,70,54)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#2d3e46
```
#2d3e46 rgb(45,62,70)
```

Analogous Color

#46362d
```
#46362d rgb(70,54,45)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#462d3e
```
#462d3e rgb(70,45,62)
```

Split Complementary Color

#46422d
```
#46422d rgb(70,66,45)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#422d46
```
#422d46 rgb(66,45,70)
```

Triadic Color

#31462d
```
#31462d rgb(49,70,45)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#422d46
```
#422d46 rgb(66,45,70)
```
#462d31
```
#462d31 rgb(70,45,49)
```

Tetradic Color

#0f1716
```
#0f1716 rgb(15,23,22)
```
#192725
```
#192725 rgb(25,39,37)
```
#233633
```
#233633 rgb(35,54,51)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#375651
```
#375651 rgb(55,86,81)
```
#41655f
```
#41655f rgb(65,101,95)
```
#4b756e
```
#4b756e rgb(75,117,110)
```

Monochromatic Color

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

#2d463c
```
#2d463c rgb(45,70,60)
```
#2d463e
```
#2d463e rgb(45,70,62)
```
#2d4640
```
#2d4640 rgb(45,70,64)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#2d4644
```
#2d4644 rgb(45,70,68)
```
#2d4646
```
#2d4646 rgb(45,70,70)
```
#2d4446
```
#2d4446 rgb(45,68,70)
```

Similar Colors

Text with hexadecimal color #2d4642

This text has a font color of #2d4642.

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

#2d4642 background color

This paragraph has a background color of #2d4642.

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

#2d4642 border color

This element has a border color of #2d4642.

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

CSS codes

.text {color:#2d4642;}

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

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

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, #070a0a is the darkest color, while #fdfefe is the lightest one.

#070a0a
```
#070a0a rgb(7,10,10)
```
#0e1615
```
#0e1615 rgb(14,22,21)
```
#162220
```
#162220 rgb(22,34,32)
```
#1e2e2b
```
#1e2e2b rgb(30,46,43)
```
#253a37
```
#253a37 rgb(37,58,55)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#35524d
```
#35524d rgb(53,82,77)
```
#3c5e59
```
#3c5e59 rgb(60,94,89)
```
#446a64
```
#446a64 rgb(68,106,100)
```
#4c766f
```
#4c766f rgb(76,118,111)
```
#53827a
```
#53827a rgb(83,130,122)
```
#5b8e86
```
#5b8e86 rgb(91,142,134)
```
#639a91
```
#639a91 rgb(99,154,145)
```

Shade Color Variation

#6ea29a
```
#6ea29a rgb(110,162,154)
```
#7aaaa2
```
#7aaaa2 rgb(122,170,162)
```
#86b1aa
```
#86b1aa rgb(134,177,170)
```
#92b9b3
```
#92b9b3 rgb(146,185,179)
```
#9ec1bb
```
#9ec1bb rgb(158,193,187)
```
#aac8c3
```
#aac8c3 rgb(170,200,195)
```
#b6d0cc
```
#b6d0cc rgb(182,208,204)
```
#c2d8d4
```
#c2d8d4 rgb(194,216,212)
```
#cedfdc
```
#cedfdc rgb(206,223,220)
```
#dae7e5
```
#dae7e5 rgb(218,231,229)
```
#e5efed
```
#e5efed rgb(229,239,237)
```
#f1f6f5
```
#f1f6f5 rgb(241,246,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#363d3c
```
#363d3c rgb(54,61,60)
```
#31423f
```
#31423f rgb(49,66,63)
```
#2d4642
```
#2d4642 rgb(45,70,66)
```
#294a45
```
#294a45 rgb(41,74,69)
```
#244f48
```
#244f48 rgb(36,79,72)
```
#20534b
```
#20534b rgb(32,83,75)
```
#1b584e
```
#1b584e rgb(27,88,78)
```
#175c51
```
#175c51 rgb(23,92,81)
```
#126154
```
#126154 rgb(18,97,84)
```
#0e6557
```
#0e6557 rgb(14,101,87)
```
#0a695a
```
#0a695a rgb(10,105,90)
```
#056e5d
```
#056e5d rgb(5,110,93)
```
#017260
```
#017260 rgb(1,114,96)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b403f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4a49 Protanopia 1% of men
#50494e Deuteranopia 1% of men
#3a4e54 Tritanopia 0.001% of the population

Trichromacy

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

#2d4642 hex color

#2d4642 Color Information

#2d4642 Color Conversion

Color Schemes with #2d4642

Alternatives to #2d4642

#2d4642 Preview

Shades and Tints of #2d4642

Tones of #2d4642

Color Blindness Simulator