#2d5344 hex color

In a RGB color space, hex #2d5344 is composed of 17.6% red, 32.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 18.1% yellow and 67.5% black. It has a hue angle of 156.3 degrees, a saturation of 29.7% and a lightness of 25.1%. #2d5344 color hex could be obtained by blending #5aa688 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 33
- B 27
RGB color chart
- C 46
- M 0
- Y 18
- K 67
CMYK color chart

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

The hexadecimal color #2d5344 has RGB values of R:45, G:83, B:68 and CMYK values of C:0.46, M:0, Y:0.18, K:0.67. Its decimal value is 2970436.

Hex triplet	2d5344	`#2d5344`
RGB Decimal	45, 83, 68	`rgb(45,83,68)`
RGB Percent	17.6, 32.5, 26.7	`rgb(17.6%,32.5%,26.7%)`
CMYK	46, 0, 18, 67
HSL	156.3°, 29.7, 25.1	`hsl(156.3,29.7%,25.1%)`
HSV (or HSB)	156.3°, 45.8, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.172, -17.599, 4.586
XYZ	5.219, 7.161, 6.576
xyY	0.275, 0.378, 7.161
CIE-LCH	32.172, 18.187, 165.393
CIE-LUV	32.172, -16.789, 7.774
Hunter-Lab	26.761, -12.023, 4.164
Binary	00101101, 01010011, 01000100

#2d5344
```
#2d5344 rgb(45,83,68)
```
#532d3c
```
#532d3c rgb(83,45,60)
```

Complementary Color

#2d5331
```
#2d5331 rgb(45,83,49)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#2d4f53
```
#2d4f53 rgb(45,79,83)
```

Analogous Color

#53312d
```
#53312d rgb(83,49,45)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#532d4f
```
#532d4f rgb(83,45,79)
```

Split Complementary Color

#53442d
```
#53442d rgb(83,68,45)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#442d53
```
#442d53 rgb(68,45,83)
```

Triadic Color

#3c532d
```
#3c532d rgb(60,83,45)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#442d53
```
#442d53 rgb(68,45,83)
```
#532d3c
```
#532d3c rgb(83,45,60)
```

Tetradic Color

#12211b
```
#12211b rgb(18,33,27)
```
#1b3229
```
#1b3229 rgb(27,50,41)
```
#244236
```
#244236 rgb(36,66,54)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#366452
```
#366452 rgb(54,100,82)
```
#3f745f
```
#3f745f rgb(63,116,95)
```
#48856d
```
#48856d rgb(72,133,109)
```

Monochromatic Color

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

#2d533b
```
#2d533b rgb(45,83,59)
```
#2d533e
```
#2d533e rgb(45,83,62)
```
#2d5341
```
#2d5341 rgb(45,83,65)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#2d5347
```
#2d5347 rgb(45,83,71)
```
#2d534a
```
#2d534a rgb(45,83,74)
```
#2d534e
```
#2d534e rgb(45,83,78)
```

Similar Colors

Text with hexadecimal color #2d5344

This text has a font color of #2d5344.

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

#2d5344 background color

This paragraph has a background color of #2d5344.

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

#2d5344 border color

This element has a border color of #2d5344.

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

CSS codes

.text {color:#2d5344;}

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

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

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

#040705
```
#040705 rgb(4,7,5)
```
#0b1310
```
#0b1310 rgb(11,19,16)
```
#11201a
```
#11201a rgb(17,32,26)
```
#182d25
```
#182d25 rgb(24,45,37)
```
#1f3a2f
```
#1f3a2f rgb(31,58,47)
```
#26463a
```
#26463a rgb(38,70,58)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#34604e
```
#34604e rgb(52,96,78)
```
#3b6c59
```
#3b6c59 rgb(59,108,89)
```
#427963
```
#427963 rgb(66,121,99)
```
#49866e
```
#49866e rgb(73,134,110)
```
#4f9378
```
#4f9378 rgb(79,147,120)
```
#569f83
```
#569f83 rgb(86,159,131)
```

Shade Color Variation

#60a98c
```
#60a98c rgb(96,169,140)
```
#6db095
```
#6db095 rgb(109,176,149)
```
#7ab79f
```
#7ab79f rgb(122,183,159)
```
#86bea8
```
#86bea8 rgb(134,190,168)
```
#93c5b1
```
#93c5b1 rgb(147,197,177)
```
#a0cbba
```
#a0cbba rgb(160,203,186)
```
#add2c3
```
#add2c3 rgb(173,210,195)
```
#b9d9cd
```
#b9d9cd rgb(185,217,205)
```
#c6e0d6
```
#c6e0d6 rgb(198,224,214)
```
#d3e7df
```
#d3e7df rgb(211,231,223)
```
#e0eee8
```
#e0eee8 rgb(224,238,232)
```
#ecf5f1
```
#ecf5f1 rgb(236,245,241)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#3c4441
```
#3c4441 rgb(60,68,65)
```
#374942
```
#374942 rgb(55,73,66)
```
#324e43
```
#324e43 rgb(50,78,67)
```
#2d5344
```
#2d5344 rgb(45,83,68)
```
#285845
```
#285845 rgb(40,88,69)
```
#235d46
```
#235d46 rgb(35,93,70)
```
#1e6247
```
#1e6247 rgb(30,98,71)
```
#196748
```
#196748 rgb(25,103,72)
```
#146c49
```
#146c49 rgb(20,108,73)
```
#0f714a
```
#0f714a rgb(15,113,74)
```
#0b754b
```
#0b754b rgb(11,117,75)
```
#067a4c
```
#067a4c rgb(6,122,76)
```
#017f4d
```
#017f4d rgb(1,127,77)
```

Tone Color Variation

Below, you can see how #2d5344 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
#414946 Atypical Achromatopsia 0.001% of the population

Dichromacy

#58544a Protanopia 1% of men
#5e5251 Deuteranopia 1% of men
#3d595f Tritanopia 0.001% of the population

Trichromacy

#485448 Protanomaly 1% of men, 0.01% of women
#4c524c Deuteranomaly 6% of men, 0.4% of women
#375755 Tritanomaly 0.01% of the population

#2d5344 hex color

#2d5344 Color Information

#2d5344 Color Conversion

Color Schemes with #2d5344

Alternatives to #2d5344

#2d5344 Preview

Shades and Tints of #2d5344

Tones of #2d5344

Color Blindness Simulator