#2d554f hex color

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

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

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

The hexadecimal color #2d554f has RGB values of R:45, G:85, B:79 and CMYK values of C:0.47, M:0, Y:0.07, K:0.67. Its decimal value is 2970959.

Hex triplet	2d554f	`#2d554f`
RGB Decimal	45, 85, 79	`rgb(45,85,79)`
RGB Percent	17.6, 33.3, 31	`rgb(17.6%,33.3%,31%)`
CMYK	47, 0, 7, 67
HSL	171°, 30.8, 25.5	`hsl(171,30.8%,25.5%)`
HSV (or HSB)	171°, 47.1, 33.3
Web Safe	336666	`#336666`

CIE-LAB	33.177, -15.782, -0.906
XYZ	5.742, 7.619, 8.565
xyY	0.262, 0.347, 7.619
CIE-LCH	33.177, 15.808, 183.287
CIE-LUV	33.177, -17.354, 0.961
Hunter-Lab	27.603, -11.175, 0.925
Binary	00101101, 01010101, 01001111

#2d554f
```
#2d554f rgb(45,85,79)
```
#552d33
```
#552d33 rgb(85,45,51)
```

Complementary Color

#2d553b
```
#2d553b rgb(45,85,59)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#2d4755
```
#2d4755 rgb(45,71,85)
```

Analogous Color

#553b2d
```
#553b2d rgb(85,59,45)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#552d47
```
#552d47 rgb(85,45,71)
```

Split Complementary Color

#554f2d
```
#554f2d rgb(85,79,45)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#4f2d55
```
#4f2d55 rgb(79,45,85)
```

Triadic Color

#33552d
```
#33552d rgb(51,85,45)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#4f2d55
```
#4f2d55 rgb(79,45,85)
```
#552d33
```
#552d33 rgb(85,45,51)
```

Tetradic Color

#132321
```
#132321 rgb(19,35,33)
```
#1b3430
```
#1b3430 rgb(27,52,48)
```
#244440
```
#244440 rgb(36,68,64)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#36665e
```
#36665e rgb(54,102,94)
```
#3f766e
```
#3f766e rgb(63,118,110)
```
#47877d
```
#47877d rgb(71,135,125)
```

Monochromatic Color

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

#2d5545
```
#2d5545 rgb(45,85,69)
```
#2d5548
```
#2d5548 rgb(45,85,72)
```
#2d554c
```
#2d554c rgb(45,85,76)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#2d5552
```
#2d5552 rgb(45,85,82)
```
#2d5455
```
#2d5455 rgb(45,84,85)
```
#2d5155
```
#2d5155 rgb(45,81,85)
```

Similar Colors

Text with hexadecimal color #2d554f

This text has a font color of #2d554f.

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

#2d554f background color

This paragraph has a background color of #2d554f.

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

#2d554f border color

This element has a border color of #2d554f.

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

CSS codes

.text {color:#2d554f;}

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

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

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)
```
#1f3b37
```
#1f3b37 rgb(31,59,55)
```
#264843
```
#264843 rgb(38,72,67)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#34625b
```
#34625b rgb(52,98,91)
```
#3b6f67
```
#3b6f67 rgb(59,111,103)
```
#417b73
```
#417b73 rgb(65,123,115)
```
#48887f
```
#48887f rgb(72,136,127)
```
#4f958b
```
#4f958b rgb(79,149,139)
```
#56a297
```
#56a297 rgb(86,162,151)
```

Shade Color Variation

#60aba0
```
#60aba0 rgb(96,171,160)
```
#6db2a7
```
#6db2a7 rgb(109,178,167)
```
#7ab9af
```
#7ab9af rgb(122,185,175)
```
#87bfb7
```
#87bfb7 rgb(135,191,183)
```
#94c6bf
```
#94c6bf rgb(148,198,191)
```
#a0cdc6
```
#a0cdc6 rgb(160,205,198)
```
#add4ce
```
#add4ce rgb(173,212,206)
```
#badbd6
```
#badbd6 rgb(186,219,214)
```
#c7e1dd
```
#c7e1dd rgb(199,225,221)
```
#d4e8e5
```
#d4e8e5 rgb(212,232,229)
```
#e1efed
```
#e1efed rgb(225,239,237)
```
#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, #3c4645 is the less saturated color, while #00826f is the most saturated one.

#3c4645
```
#3c4645 rgb(60,70,69)
```
#374b48
```
#374b48 rgb(55,75,72)
```
#32504c
```
#32504c rgb(50,80,76)
```
#2d554f
```
#2d554f rgb(45,85,79)
```
#285a53
```
#285a53 rgb(40,90,83)
```
#235f56
```
#235f56 rgb(35,95,86)
```
#1e645a
```
#1e645a rgb(30,100,90)
```
#19695d
```
#19695d rgb(25,105,93)
```
#146e61
```
#146e61 rgb(20,110,97)
```
#0f7364
```
#0f7364 rgb(15,115,100)
```
#0a7868
```
#0a7868 rgb(10,120,104)
```
#057d6b
```
#057d6b rgb(5,125,107)
```
#00826f
```
#00826f rgb(0,130,111)
```

Tone Color Variation

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

#595654 Protanopia 1% of men
#5d545b Deuteranopia 1% of men
#3b5c62 Tritanopia 0.001% of the population

Trichromacy

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

#2d554f hex color

#2d554f Color Information

#2d554f Color Conversion

Color Schemes with #2d554f

Alternatives to #2d554f

#2d554f Preview

Shades and Tints of #2d554f

Tones of #2d554f

Color Blindness Simulator