colorhexa.com

#2c5d69 hex color

In a RGB color space, hex #2c5d69 is composed of 17.3% red, 36.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 11.4% magenta, 0% yellow and 58.8% black. It has a hue angle of 191.8 degrees, a saturation of 40.9% and a lightness of 29.2%. #2c5d69 color hex could be obtained by blending #58bad2 with #000000. Closest websafe color is: #336666.

- R 17
- G 36
- B 41
RGB color chart
- C 58
- M 11
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #2c5d69 has RGB values of R:44, G:93, B:105 and CMYK values of C:0.58, M:0.11, Y:0, K:0.59. Its decimal value is 2907497.

Hex triplet	2c5d69	`#2c5d69`
RGB Decimal	44, 93, 105	`rgb(44,93,105)`
RGB Percent	17.3, 36.5, 41.2	`rgb(17.3%,36.5%,41.2%)`
CMYK	58, 11, 0, 59
HSL	191.8°, 40.9, 29.2	`hsl(191.8,40.9%,29.2%)`
HSV (or HSB)	191.8°, 58.1, 41.2
Web Safe	336666	`#336666`

CIE-LAB	36.713, -12.729, -11.902
XYZ	7.502, 9.384, 14.78
xyY	0.237, 0.296, 9.384
CIE-LCH	36.713, 17.427, 223.075
CIE-LUV	36.713, -20.058, -14.241
Hunter-Lab	30.633, -9.891, -7.164
Binary	00101100, 01011101, 01101001

#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#69382c
```
#69382c rgb(105,56,44)
```

Complementary Color

#2c6957
```
#2c6957 rgb(44,105,87)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#2c3f69
```
#2c3f69 rgb(44,63,105)
```

Analogous Color

#69572c
```
#69572c rgb(105,87,44)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#692c3e
```
#692c3e rgb(105,44,62)
```

Split Complementary Color

#5d692c
```
#5d692c rgb(93,105,44)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#692c5d
```
#692c5d rgb(105,44,93)
```

Triadic Color

#152d33
```
#152d33 rgb(21,45,51)
```
#1d3d45
```
#1d3d45 rgb(29,61,69)
```
#244d57
```
#244d57 rgb(36,77,87)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#346d7b
```
#346d7b rgb(52,109,123)
```
#3b7d8d
```
#3b7d8d rgb(59,125,141)
```
#438d9f
```
#438d9f rgb(67,141,159)
```

Monochromatic Color

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

#2c6966
```
#2c6966 rgb(44,105,102)
```
#2c6769
```
#2c6769 rgb(44,103,105)
```
#2c6269
```
#2c6269 rgb(44,98,105)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#2c5869
```
#2c5869 rgb(44,88,105)
```
#2c5369
```
#2c5369 rgb(44,83,105)
```
#2c4e69
```
#2c4e69 rgb(44,78,105)
```

Similar Colors

Text with hexadecimal color #2c5d69

This text has a font color of #2c5d69.

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

#2c5d69 background color

This paragraph has a background color of #2c5d69.

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

#2c5d69 border color

This element has a border color of #2c5d69.

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

CSS codes

.text {color:#2c5d69;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#091416
```
#091416 rgb(9,20,22)
```
#0f2024
```
#0f2024 rgb(15,32,36)
```
#152c32
```
#152c32 rgb(21,44,50)
```
#1b3840
```
#1b3840 rgb(27,56,64)
```
#20454d
```
#20454d rgb(32,69,77)
```
#26515b
```
#26515b rgb(38,81,91)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#326977
```
#326977 rgb(50,105,119)
```
#387585
```
#387585 rgb(56,117,133)
```
#3d8292
```
#3d8292 rgb(61,130,146)
```
#438ea0
```
#438ea0 rgb(67,142,160)
```
#499aae
```
#499aae rgb(73,154,174)
```

Shade Color Variation

#54a4b7
```
#54a4b7 rgb(84,164,183)
```
#61abbd
```
#61abbd rgb(97,171,189)
```
#6fb2c3
```
#6fb2c3 rgb(111,178,195)
```
#7dbac9
```
#7dbac9 rgb(125,186,201)
```
#8bc1ce
```
#8bc1ce rgb(139,193,206)
```
#99c8d4
```
#99c8d4 rgb(153,200,212)
```
#a6d0da
```
#a6d0da rgb(166,208,218)
```
#b4d7e0
```
#b4d7e0 rgb(180,215,224)
```
#c2dfe5
```
#c2dfe5 rgb(194,223,229)
```
#d0e6eb
```
#d0e6eb rgb(208,230,235)
```
#deedf1
```
#deedf1 rgb(222,237,241)
```
#ecf5f7
```
#ecf5f7 rgb(236,245,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#494c4c
```
#494c4c rgb(73,76,76)
```
#434f52
```
#434f52 rgb(67,79,82)
```
#3d5358
```
#3d5358 rgb(61,83,88)
```
#37565e
```
#37565e rgb(55,86,94)
```
#325a63
```
#325a63 rgb(50,90,99)
```
#2c5d69
```
#2c5d69 rgb(44,93,105)
```
#26606f
```
#26606f rgb(38,96,111)
```
#216474
```
#216474 rgb(33,100,116)
```
#1b677a
```
#1b677a rgb(27,103,122)
```
#156b80
```
#156b80 rgb(21,107,128)
```
#0f6e86
```
#0f6e86 rgb(15,110,134)
```
#0a728b
```
#0a728b rgb(10,114,139)
```
#047591
```
#047591 rgb(4,117,145)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5e6c Protanopia 1% of men
#5c5d73 Deuteranopia 1% of men
#35666d Tritanopia 0.001% of the population

Trichromacy

#4a5d6b Protanomaly 1% of men, 0.01% of women
#4b5d6f Deuteranomaly 6% of men, 0.4% of women
#31626b Tritanomaly 0.01% of the population