#2d4f48 hex color

In a RGB color space, hex #2d4f48 is composed of 17.6% red, 31% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 0% magenta, 8.9% yellow and 69% black. It has a hue angle of 167.6 degrees, a saturation of 27.4% and a lightness of 24.3%. #2d4f48 color hex could be obtained by blending #5a9e90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 31
- B 28
RGB color chart
- C 43
- M 0
- Y 9
- K 69
CMYK color chart

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

The hexadecimal color #2d4f48 has RGB values of R:45, G:79, B:72 and CMYK values of C:0.43, M:0, Y:0.09, K:0.69. Its decimal value is 2969416.

Hex triplet	2d4f48	`#2d4f48`
RGB Decimal	45, 79, 72	`rgb(45,79,72)`
RGB Percent	17.6, 31, 28.2	`rgb(17.6%,31%,28.2%)`
CMYK	43, 0, 9, 69
HSL	167.6°, 27.4, 24.3	`hsl(167.6,27.4%,24.3%)`
HSV (or HSB)	167.6°, 43, 31
Web Safe	336633	`#336633`

CIE-LAB	30.92, -14.301, 0.238
XYZ	5.048, 6.617, 7.142
xyY	0.268, 0.352, 6.617
CIE-LCH	30.92, 14.303, 179.046
CIE-LUV	30.92, -14.978, 2.145
Hunter-Lab	25.724, -9.993, 1.546
Binary	00101101, 01001111, 01001000

#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#4f2d34
```
#4f2d34 rgb(79,45,52)
```

Complementary Color

#2d4f37
```
#2d4f37 rgb(45,79,55)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#2d454f
```
#2d454f rgb(45,69,79)
```

Analogous Color

#4f372d
```
#4f372d rgb(79,55,45)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#4f2d45
```
#4f2d45 rgb(79,45,69)
```

Split Complementary Color

#4f482d
```
#4f482d rgb(79,72,45)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#482d4f
```
#482d4f rgb(72,45,79)
```

Triadic Color

#344f2d
```
#344f2d rgb(52,79,45)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#482d4f
```
#482d4f rgb(72,45,79)
```
#4f2d34
```
#4f2d34 rgb(79,45,52)
```

Tetradic Color

#111e1c
```
#111e1c rgb(17,30,28)
```
#1a2f2a
```
#1a2f2a rgb(26,47,42)
```
#243f39
```
#243f39 rgb(36,63,57)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#365f57
```
#365f57 rgb(54,95,87)
```
#406f66
```
#406f66 rgb(64,111,102)
```
#498074
```
#498074 rgb(73,128,116)
```

Monochromatic Color

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

#2d4f40
```
#2d4f40 rgb(45,79,64)
```
#2d4f42
```
#2d4f42 rgb(45,79,66)
```
#2d4f45
```
#2d4f45 rgb(45,79,69)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#2d4f4b
```
#2d4f4b rgb(45,79,75)
```
#2d4f4e
```
#2d4f4e rgb(45,79,78)
```
#2d4e4f
```
#2d4e4f rgb(45,78,79)
```

Similar Colors

Text with hexadecimal color #2d4f48

This text has a font color of #2d4f48.

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

#2d4f48 background color

This paragraph has a background color of #2d4f48.

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

#2d4f48 border color

This element has a border color of #2d4f48.

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

CSS codes

.text {color:#2d4f48;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#09110f
```
#09110f rgb(9,17,15)
```
#111d1a
```
#111d1a rgb(17,29,26)
```
#182a26
```
#182a26 rgb(24,42,38)
```
#1f3631
```
#1f3631 rgb(31,54,49)
```
#26433d
```
#26433d rgb(38,67,61)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#345b53
```
#345b53 rgb(52,91,83)
```
#3b685f
```
#3b685f rgb(59,104,95)
```
#42746a
```
#42746a rgb(66,116,106)
```
#498176
```
#498176 rgb(73,129,118)
```
#518d81
```
#518d81 rgb(81,141,129)
```
#589a8c
```
#589a8c rgb(88,154,140)
```

Shade Color Variation

#61a597
```
#61a597 rgb(97,165,151)
```
#6dac9f
```
#6dac9f rgb(109,172,159)
```
#7ab3a7
```
#7ab3a7 rgb(122,179,167)
```
#86baaf
```
#86baaf rgb(134,186,175)
```
#93c1b8
```
#93c1b8 rgb(147,193,184)
```
#9fc8c0
```
#9fc8c0 rgb(159,200,192)
```
#accfc8
```
#accfc8 rgb(172,207,200)
```
#b8d7d0
```
#b8d7d0 rgb(184,215,208)
```
#c5ded9
```
#c5ded9 rgb(197,222,217)
```
#d1e5e1
```
#d1e5e1 rgb(209,229,225)
```
#deece9
```
#deece9 rgb(222,236,233)
```
#eaf3f1
```
#eaf3f1 rgb(234,243,241)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b4140 is the less saturated color, while #027a61 is the most saturated one.

#3b4140
```
#3b4140 rgb(59,65,64)
```
#374542
```
#374542 rgb(55,69,66)
```
#324a45
```
#324a45 rgb(50,74,69)
```
#2d4f48
```
#2d4f48 rgb(45,79,72)
```
#28544b
```
#28544b rgb(40,84,75)
```
#23594e
```
#23594e rgb(35,89,78)
```
#1f5d50
```
#1f5d50 rgb(31,93,80)
```
#1a6253
```
#1a6253 rgb(26,98,83)
```
#156756
```
#156756 rgb(21,103,86)
```
#106c59
```
#106c59 rgb(16,108,89)
```
#0c705c
```
#0c705c rgb(12,112,92)
```
#07755e
```
#07755e rgb(7,117,94)
```
#027a61
```
#027a61 rgb(2,122,97)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f4645 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54514e Protanopia 1% of men
#584f54 Deuteranopia 1% of men
#3b565c Tritanopia 0.001% of the population

Trichromacy

#46504c Protanomaly 1% of men, 0.01% of women
#484f4f Deuteranomaly 6% of men, 0.4% of women
#365355 Tritanomaly 0.01% of the population

#2d4f48 hex color

#2d4f48 Color Information

#2d4f48 Color Conversion

Color Schemes with #2d4f48

Alternatives to #2d4f48

#2d4f48 Preview

Shades and Tints of #2d4f48

Tones of #2d4f48

Color Blindness Simulator