#2c554c hex color

In a RGB color space, hex #2c554c is composed of 17.3% red, 33.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 0% magenta, 10.6% yellow and 66.7% black. It has a hue angle of 166.8 degrees, a saturation of 31.8% and a lightness of 25.3%. #2c554c color hex could be obtained by blending #58aa98 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 17
- G 33
- B 30
RGB color chart
- C 48
- M 0
- Y 11
- K 67
CMYK color chart

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

The hexadecimal color #2c554c has RGB values of R:44, G:85, B:76 and CMYK values of C:0.48, M:0, Y:0.11, K:0.67. Its decimal value is 2905420.

Hex triplet	2c554c	`#2c554c`
RGB Decimal	44, 85, 76	`rgb(44,85,76)`
RGB Percent	17.3, 33.3, 29.8	`rgb(17.3%,33.3%,29.8%)`
CMYK	48, 0, 11, 67
HSL	166.8°, 31.8, 25.3	`hsl(166.8,31.8%,25.3%)`
HSV (or HSB)	166.8°, 48.2, 33.3
Web Safe	336633	`#336633`

CIE-LAB	33.036, -16.903, 0.776
XYZ	5.591, 7.554, 8
xyY	0.264, 0.357, 7.554
CIE-LCH	33.036, 16.921, 177.371
CIE-LUV	33.036, -17.751, 3.184
Hunter-Lab	27.484, -11.784, 1.98
Binary	00101100, 01010101, 01001100

#2c554c
```
#2c554c rgb(44,85,76)
```
#552c35
```
#552c35 rgb(85,44,53)
```

Complementary Color

#2c5538
```
#2c5538 rgb(44,85,56)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#2c4a55
```
#2c4a55 rgb(44,74,85)
```

Analogous Color

#55382c
```
#55382c rgb(85,56,44)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#552c4a
```
#552c4a rgb(85,44,74)
```

Split Complementary Color

#554c2c
```
#554c2c rgb(85,76,44)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#4c2c55
```
#4c2c55 rgb(76,44,85)
```

Triadic Color

#35552c
```
#35552c rgb(53,85,44)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#4c2c55
```
#4c2c55 rgb(76,44,85)
```
#552c35
```
#552c35 rgb(85,44,53)
```

Tetradic Color

#12231f
```
#12231f rgb(18,35,31)
```
#1b332e
```
#1b332e rgb(27,51,46)
```
#23443d
```
#23443d rgb(35,68,61)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#35665b
```
#35665b rgb(53,102,91)
```
#3d776a
```
#3d776a rgb(61,119,106)
```
#468779
```
#468779 rgb(70,135,121)
```

Monochromatic Color

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

#2c5542
```
#2c5542 rgb(44,85,66)
```
#2c5545
```
#2c5545 rgb(44,85,69)
```
#2c5549
```
#2c5549 rgb(44,85,73)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#2c554f
```
#2c554f rgb(44,85,79)
```
#2c5553
```
#2c5553 rgb(44,85,83)
```
#2c5455
```
#2c5455 rgb(44,84,85)
```

Similar Colors

Text with hexadecimal color #2c554c

This text has a font color of #2c554c.

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

#2c554c background color

This paragraph has a background color of #2c554c.

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

#2c554c border color

This element has a border color of #2c554c.

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

CSS codes

.text {color:#2c554c;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0b1412
```
#0b1412 rgb(11,20,18)
```
#11211e
```
#11211e rgb(17,33,30)
```
#182e29
```
#182e29 rgb(24,46,41)
```
#1f3b35
```
#1f3b35 rgb(31,59,53)
```
#254840
```
#254840 rgb(37,72,64)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#336258
```
#336258 rgb(51,98,88)
```
#396f63
```
#396f63 rgb(57,111,99)
```
#407c6f
```
#407c6f rgb(64,124,111)
```
#47897a
```
#47897a rgb(71,137,122)
```
#4d9686
```
#4d9686 rgb(77,150,134)
```
#54a391
```
#54a391 rgb(84,163,145)
```

Shade Color Variation

#5eac9b
```
#5eac9b rgb(94,172,155)
```
#6bb3a3
```
#6bb3a3 rgb(107,179,163)
```
#78b9ab
```
#78b9ab rgb(120,185,171)
```
#85c0b3
```
#85c0b3 rgb(133,192,179)
```
#92c7bb
```
#92c7bb rgb(146,199,187)
```
#9fcdc3
```
#9fcdc3 rgb(159,205,195)
```
#acd4cb
```
#acd4cb rgb(172,212,203)
```
#b9dbd3
```
#b9dbd3 rgb(185,219,211)
```
#c6e1db
```
#c6e1db rgb(198,225,219)
```
#d3e8e3
```
#d3e8e3 rgb(211,232,227)
```
#e0efeb
```
#e0efeb rgb(224,239,235)
```
#edf5f4
```
#edf5f4 rgb(237,245,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #404141 is the less saturated color, while #047d62 is the most saturated one.

#404141
```
#404141 rgb(64,65,65)
```
#3b4644
```
#3b4644 rgb(59,70,68)
```
#364b46
```
#364b46 rgb(54,75,70)
```
#315049
```
#315049 rgb(49,80,73)
```
#2c554c
```
#2c554c rgb(44,85,76)
```
#275a4f
```
#275a4f rgb(39,90,79)
```
#225f52
```
#225f52 rgb(34,95,82)
```
#1d6454
```
#1d6454 rgb(29,100,84)
```
#186957
```
#186957 rgb(24,105,87)
```
#136e5a
```
#136e5a rgb(19,110,90)
```
#0e735d
```
#0e735d rgb(14,115,93)
```
#09785f
```
#09785f rgb(9,120,95)
```
#047d62
```
#047d62 rgb(4,125,98)
```

Tone Color Variation

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

Dichromacy

#595651 Protanopia 1% of men
#5e5458 Deuteranopia 1% of men
#3b5b62 Tritanopia 0.001% of the population

Trichromacy

#49564f Protanomaly 1% of men, 0.01% of women
#4b5454 Deuteranomaly 6% of men, 0.4% of women
#35595a Tritanomaly 0.01% of the population

#2c554c hex color

#2c554c Color Information

#2c554c Color Conversion

Color Schemes with #2c554c

Alternatives to #2c554c

#2c554c Preview

Shades and Tints of #2c554c

Tones of #2c554c

Color Blindness Simulator