#2c5350 hex color

In a RGB color space, hex #2c5350 is composed of 17.3% red, 32.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 0% magenta, 3.6% yellow and 67.5% black. It has a hue angle of 175.4 degrees, a saturation of 30.7% and a lightness of 24.9%. #2c5350 color hex could be obtained by blending #58a6a0 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #2c5350 has RGB values of R:44, G:83, B:80 and CMYK values of C:0.47, M:0, Y:0.04, K:0.67. Its decimal value is 2904912.

Hex triplet	2c5350	`#2c5350`
RGB Decimal	44, 83, 80	`rgb(44,83,80)`
RGB Percent	17.3, 32.5, 31.4	`rgb(17.3%,32.5%,31.4%)`
CMYK	47, 0, 4, 67
HSL	175.4°, 30.7, 24.9	`hsl(175.4,30.7%,24.9%)`
HSV (or HSB)	175.4°, 47, 32.5
Web Safe	336666	`#336666`

CIE-LAB	32.482, -14.653, -2.566
XYZ	5.58, 7.301, 8.704
xyY	0.258, 0.338, 7.301
CIE-LCH	32.482, 14.876, 189.933
CIE-LUV	32.482, -16.8, -1.267
Hunter-Lab	27.02, -10.426, -0.185
Binary	00101100, 01010011, 01010000

#2c5350
```
#2c5350 rgb(44,83,80)
```
#532c2f
```
#532c2f rgb(83,44,47)
```

Complementary Color

#2c533d
```
#2c533d rgb(44,83,61)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#2c4353
```
#2c4353 rgb(44,67,83)
```

Analogous Color

#533d2c
```
#533d2c rgb(83,61,44)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#532c43
```
#532c43 rgb(83,44,67)
```

Split Complementary Color

#53502c
```
#53502c rgb(83,80,44)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#502c53
```
#502c53 rgb(80,44,83)
```

Triadic Color

#2f532c
```
#2f532c rgb(47,83,44)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#502c53
```
#502c53 rgb(80,44,83)
```
#532c2f
```
#532c2f rgb(83,44,47)
```

Tetradic Color

#112120
```
#112120 rgb(17,33,32)
```
#1a3230
```
#1a3230 rgb(26,50,48)
```
#234240
```
#234240 rgb(35,66,64)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#356460
```
#356460 rgb(53,100,96)
```
#3e7470
```
#3e7470 rgb(62,116,112)
```
#478580
```
#478580 rgb(71,133,128)
```

Monochromatic Color

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

#2c5346
```
#2c5346 rgb(44,83,70)
```
#2c534a
```
#2c534a rgb(44,83,74)
```
#2c534d
```
#2c534d rgb(44,83,77)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#2c5353
```
#2c5353 rgb(44,83,83)
```
#2c5053
```
#2c5053 rgb(44,80,83)
```
#2c4c53
```
#2c4c53 rgb(44,76,83)
```

Similar Colors

Text with hexadecimal color #2c5350

This text has a font color of #2c5350.

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

#2c5350 background color

This paragraph has a background color of #2c5350.

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

#2c5350 border color

This element has a border color of #2c5350.

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

CSS codes

.text {color:#2c5350;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1312
```
#0a1312 rgb(10,19,18)
```
#11201f
```
#11201f rgb(17,32,31)
```
#182d2b
```
#182d2b rgb(24,45,43)
```
#1e3937
```
#1e3937 rgb(30,57,55)
```
#254644
```
#254644 rgb(37,70,68)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#33605c
```
#33605c rgb(51,96,92)
```
#3a6d69
```
#3a6d69 rgb(58,109,105)
```
#407975
```
#407975 rgb(64,121,117)
```
#478681
```
#478681 rgb(71,134,129)
```
#4e938e
```
#4e938e rgb(78,147,142)
```
#55a09a
```
#55a09a rgb(85,160,154)
```

Shade Color Variation

#5eaaa4
```
#5eaaa4 rgb(94,170,164)
```
#6bb1ab
```
#6bb1ab rgb(107,177,171)
```
#78b7b3
```
#78b7b3 rgb(120,183,179)
```
#85beba
```
#85beba rgb(133,190,186)
```
#92c5c1
```
#92c5c1 rgb(146,197,193)
```
#9fccc8
```
#9fccc8 rgb(159,204,200)
```
#abd3d0
```
#abd3d0 rgb(171,211,208)
```
#b8d9d7
```
#b8d9d7 rgb(184,217,215)
```
#c5e0de
```
#c5e0de rgb(197,224,222)
```
#d2e7e5
```
#d2e7e5 rgb(210,231,229)
```
#dfeeed
```
#dfeeed rgb(223,238,237)
```
#ebf5f4
```
#ebf5f4 rgb(235,245,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

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

#3b4444
```
#3b4444 rgb(59,68,68)
```
#364948
```
#364948 rgb(54,73,72)
```
#314e4c
```
#314e4c rgb(49,78,76)
```
#2c5350
```
#2c5350 rgb(44,83,80)
```
#275854
```
#275854 rgb(39,88,84)
```
#225d58
```
#225d58 rgb(34,93,88)
```
#1d625c
```
#1d625c rgb(29,98,92)
```
#186761
```
#186761 rgb(24,103,97)
```
#146b65
```
#146b65 rgb(20,107,101)
```
#0f7069
```
#0f7069 rgb(15,112,105)
```
#0a756d
```
#0a756d rgb(10,117,109)
```
#057a71
```
#057a71 rgb(5,122,113)
```
#007f75
```
#007f75 rgb(0,127,117)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575555 Protanopia 1% of men
#5a535c Deuteranopia 1% of men
#395a61 Tritanopia 0.001% of the population

Trichromacy

#475453 Protanomaly 1% of men, 0.01% of women
#495357 Deuteranomaly 6% of men, 0.4% of women
#34575a Tritanomaly 0.01% of the population

#2c5350 hex color

#2c5350 Color Information

#2c5350 Color Conversion

Color Schemes with #2c5350

Alternatives to #2c5350

#2c5350 Preview

Shades and Tints of #2c5350

Tones of #2c5350

Color Blindness Simulator