#2d5248 hex color

In a RGB color space, hex #2d5248 is composed of 17.6% red, 32.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 0% magenta, 12.2% yellow and 67.8% black. It has a hue angle of 163.8 degrees, a saturation of 29.1% and a lightness of 24.9%. #2d5248 color hex could be obtained by blending #5aa490 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 32
- B 28
RGB color chart
- C 45
- M 0
- Y 12
- K 68
CMYK color chart

● #2d5248 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2d5248 has RGB values of R:45, G:82, B:72 and CMYK values of C:0.45, M:0, Y:0.12, K:0.68. Its decimal value is 2970184.

Hex triplet	2d5248	`#2d5248`
RGB Decimal	45, 82, 72	`rgb(45,82,72)`
RGB Percent	17.6, 32.2, 28.2	`rgb(17.6%,32.2%,28.2%)`
CMYK	45, 0, 12, 68
HSL	163.8°, 29.1, 24.9	`hsl(163.8,29.1%,24.9%)`
HSV (or HSB)	163.8°, 45.1, 32.2
Web Safe	336633	`#336633`

CIE-LAB	31.943, -16.005, 1.726
XYZ	5.269, 7.06, 7.216
xyY	0.27, 0.361, 7.06
CIE-LCH	31.943, 16.098, 173.845
CIE-LUV	31.943, -16.262, 4.182
Hunter-Lab	26.571, -11.103, 2.499
Binary	00101101, 01010010, 01001000

#2d5248
```
#2d5248 rgb(45,82,72)
```
#522d37
```
#522d37 rgb(82,45,55)
```

Complementary Color

#2d5236
```
#2d5236 rgb(45,82,54)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#2d4a52
```
#2d4a52 rgb(45,74,82)
```

Analogous Color

#52362d
```
#52362d rgb(82,54,45)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#522d4a
```
#522d4a rgb(82,45,74)
```

Split Complementary Color

#52482d
```
#52482d rgb(82,72,45)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#482d52
```
#482d52 rgb(72,45,82)
```

Triadic Color

#37522d
```
#37522d rgb(55,82,45)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#482d52
```
#482d52 rgb(72,45,82)
```
#522d37
```
#522d37 rgb(82,45,55)
```

Tetradic Color

#12211d
```
#12211d rgb(18,33,29)
```
#1b312b
```
#1b312b rgb(27,49,43)
```
#24423a
```
#24423a rgb(36,66,58)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#366256
```
#366256 rgb(54,98,86)
```
#3f7365
```
#3f7365 rgb(63,115,101)
```
#488373
```
#488373 rgb(72,131,115)
```

Monochromatic Color

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

#2d523f
```
#2d523f rgb(45,82,63)
```
#2d5242
```
#2d5242 rgb(45,82,66)
```
#2d5245
```
#2d5245 rgb(45,82,69)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#2d524b
```
#2d524b rgb(45,82,75)
```
#2d524e
```
#2d524e rgb(45,82,78)
```
#2d5251
```
#2d5251 rgb(45,82,81)
```

Similar Colors

Text with hexadecimal color #2d5248

This text has a font color of #2d5248.

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

#2d5248 background color

This paragraph has a background color of #2d5248.

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

#2d5248 border color

This element has a border color of #2d5248.

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

CSS codes

.text {color:#2d5248;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1310
```
#0a1310 rgb(10,19,16)
```
#111f1c
```
#111f1c rgb(17,31,28)
```
#182c27
```
#182c27 rgb(24,44,39)
```
#1f3932
```
#1f3932 rgb(31,57,50)
```
#26453d
```
#26453d rgb(38,69,61)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#345f53
```
#345f53 rgb(52,95,83)
```
#3b6b5e
```
#3b6b5e rgb(59,107,94)
```
#427869
```
#427869 rgb(66,120,105)
```
#498574
```
#498574 rgb(73,133,116)
```
#509180
```
#509180 rgb(80,145,128)
```
#579e8b
```
#579e8b rgb(87,158,139)
```

Shade Color Variation

#60a895
```
#60a895 rgb(96,168,149)
```
#6daf9d
```
#6daf9d rgb(109,175,157)
```
#7ab6a6
```
#7ab6a6 rgb(122,182,166)
```
#86bdae
```
#86bdae rgb(134,189,174)
```
#93c4b7
```
#93c4b7 rgb(147,196,183)
```
#a0cbbf
```
#a0cbbf rgb(160,203,191)
```
#acd2c8
```
#acd2c8 rgb(172,210,200)
```
#b9d9d0
```
#b9d9d0 rgb(185,217,208)
```
#c6e0d9
```
#c6e0d9 rgb(198,224,217)
```
#d2e6e1
```
#d2e6e1 rgb(210,230,225)
```
#dfedea
```
#dfedea rgb(223,237,234)
```
#ecf4f2
```
#ecf4f2 rgb(236,244,242)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#3c4341
```
#3c4341 rgb(60,67,65)
```
#374844
```
#374844 rgb(55,72,68)
```
#324d46
```
#324d46 rgb(50,77,70)
```
#2d5248
```
#2d5248 rgb(45,82,72)
```
#28574a
```
#28574a rgb(40,87,74)
```
#235c4c
```
#235c4c rgb(35,92,76)
```
#1e614f
```
#1e614f rgb(30,97,79)
```
#196651
```
#196651 rgb(25,102,81)
```
#156a53
```
#156a53 rgb(21,106,83)
```
#106f55
```
#106f55 rgb(16,111,85)
```
#0b7458
```
#0b7458 rgb(11,116,88)
```
#06795a
```
#06795a rgb(6,121,90)
```
#017e5c
```
#017e5c rgb(1,126,92)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414846 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57544e Protanopia 1% of men
#5c5254 Deuteranopia 1% of men
#3c585f Tritanopia 0.001% of the population

Trichromacy

#48534b Protanomaly 1% of men, 0.01% of women
#4b5250 Deuteranomaly 6% of men, 0.4% of women
#365656 Tritanomaly 0.01% of the population

#2d5248 hex color

#2d5248 Color Information

#2d5248 Color Conversion

Color Schemes with #2d5248

Alternatives to #2d5248

#2d5248 Preview

Shades and Tints of #2d5248

Tones of #2d5248

Color Blindness Simulator