#2d554e hex color

In a RGB color space, hex #2d554e is composed of 17.6% red, 33.3% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 0% magenta, 8.2% yellow and 66.7% black. It has a hue angle of 169.5 degrees, a saturation of 30.8% and a lightness of 25.5%. #2d554e color hex could be obtained by blending #5aaa9c with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #2d554e has RGB values of R:45, G:85, B:78 and CMYK values of C:0.47, M:0, Y:0.08, K:0.67. Its decimal value is 2970958.

Hex triplet	2d554e	`#2d554e`
RGB Decimal	45, 85, 78	`rgb(45,85,78)`
RGB Percent	17.6, 33.3, 30.6	`rgb(17.6%,33.3%,30.6%)`
CMYK	47, 0, 8, 67
HSL	169.5°, 30.8, 25.5	`hsl(169.5,30.8%,25.5%)`
HSV (or HSB)	169.5°, 47.1, 33.3
Web Safe	336666	`#336666`

CIE-LAB	33.145, -16.061, -0.321
XYZ	5.705, 7.605, 8.374
xyY	0.263, 0.351, 7.605
CIE-LCH	33.145, 16.064, 181.144
CIE-LUV	33.145, -17.381, 1.726
Hunter-Lab	27.576, -11.328, 1.298
Binary	00101101, 01010101, 01001110

#2d554e
```
#2d554e rgb(45,85,78)
```
#552d34
```
#552d34 rgb(85,45,52)
```

Complementary Color

#2d553a
```
#2d553a rgb(45,85,58)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#2d4855
```
#2d4855 rgb(45,72,85)
```

Analogous Color

#553a2d
```
#553a2d rgb(85,58,45)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#552d48
```
#552d48 rgb(85,45,72)
```

Split Complementary Color

#554e2d
```
#554e2d rgb(85,78,45)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#4e2d55
```
#4e2d55 rgb(78,45,85)
```

Triadic Color

#34552d
```
#34552d rgb(52,85,45)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#4e2d55
```
#4e2d55 rgb(78,45,85)
```
#552d34
```
#552d34 rgb(85,45,52)
```

Tetradic Color

#132320
```
#132320 rgb(19,35,32)
```
#1b342f
```
#1b342f rgb(27,52,47)
```
#24443f
```
#24443f rgb(36,68,63)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#36665d
```
#36665d rgb(54,102,93)
```
#3f766d
```
#3f766d rgb(63,118,109)
```
#47877c
```
#47877c rgb(71,135,124)
```

Monochromatic Color

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

#2d5544
```
#2d5544 rgb(45,85,68)
```
#2d5547
```
#2d5547 rgb(45,85,71)
```
#2d554b
```
#2d554b rgb(45,85,75)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#2d5551
```
#2d5551 rgb(45,85,81)
```
#2d5555
```
#2d5555 rgb(45,85,85)
```
#2d5255
```
#2d5255 rgb(45,82,85)
```

Similar Colors

Text with hexadecimal color #2d554e

This text has a font color of #2d554e.

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

#2d554e background color

This paragraph has a background color of #2d554e.

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

#2d554e border color

This element has a border color of #2d554e.

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

CSS codes

.text {color:#2d554e;}

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

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0b1513
```
#0b1513 rgb(11,21,19)
```
#12221f
```
#12221f rgb(18,34,31)
```
#192f2b
```
#192f2b rgb(25,47,43)
```
#1f3b36
```
#1f3b36 rgb(31,59,54)
```
#264842
```
#264842 rgb(38,72,66)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#34625a
```
#34625a rgb(52,98,90)
```
#3b6f66
```
#3b6f66 rgb(59,111,102)
```
#417b71
```
#417b71 rgb(65,123,113)
```
#48887d
```
#48887d rgb(72,136,125)
```
#4f9589
```
#4f9589 rgb(79,149,137)
```
#56a295
```
#56a295 rgb(86,162,149)
```

Shade Color Variation

#60ab9e
```
#60ab9e rgb(96,171,158)
```
#6db2a6
```
#6db2a6 rgb(109,178,166)
```
#7ab9ae
```
#7ab9ae rgb(122,185,174)
```
#87bfb5
```
#87bfb5 rgb(135,191,181)
```
#94c6bd
```
#94c6bd rgb(148,198,189)
```
#a0cdc5
```
#a0cdc5 rgb(160,205,197)
```
#add4cd
```
#add4cd rgb(173,212,205)
```
#badbd5
```
#badbd5 rgb(186,219,213)
```
#c7e1dd
```
#c7e1dd rgb(199,225,221)
```
#d4e8e5
```
#d4e8e5 rgb(212,232,229)
```
#e1efec
```
#e1efec rgb(225,239,236)
```
#edf6f4
```
#edf6f4 rgb(237,246,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#3c4644
```
#3c4644 rgb(60,70,68)
```
#374b48
```
#374b48 rgb(55,75,72)
```
#32504b
```
#32504b rgb(50,80,75)
```
#2d554e
```
#2d554e rgb(45,85,78)
```
#285a51
```
#285a51 rgb(40,90,81)
```
#235f55
```
#235f55 rgb(35,95,85)
```
#1e6458
```
#1e6458 rgb(30,100,88)
```
#19695b
```
#19695b rgb(25,105,91)
```
#146e5e
```
#146e5e rgb(20,110,94)
```
#0f7362
```
#0f7362 rgb(15,115,98)
```
#0a7865
```
#0a7865 rgb(10,120,101)
```
#057d68
```
#057d68 rgb(5,125,104)
```
#00826b
```
#00826b rgb(0,130,107)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434b49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595653 Protanopia 1% of men
#5d545a Deuteranopia 1% of men
#3b5c62 Tritanopia 0.001% of the population

Trichromacy

#495651 Protanomaly 1% of men, 0.01% of women
#4b5455 Deuteranomaly 6% of men, 0.4% of women
#36595b Tritanomaly 0.01% of the population

#2d554e hex color

#2d554e Color Information

#2d554e Color Conversion

Color Schemes with #2d554e

Alternatives to #2d554e

#2d554e Preview

Shades and Tints of #2d554e

Tones of #2d554e

Color Blindness Simulator