#2c5e6a hex color

In a RGB color space, hex #2c5e6a is composed of 17.3% red, 36.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 11.3% magenta, 0% yellow and 58.4% black. It has a hue angle of 191.6 degrees, a saturation of 41.3% and a lightness of 29.4%. #2c5e6a color hex could be obtained by blending #58bcd4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 37
- B 42
RGB color chart
- C 58
- M 11
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #2c5e6a has RGB values of R:44, G:94, B:106 and CMYK values of C:0.58, M:0.11, Y:0, K:0.58. Its decimal value is 2907754.

Hex triplet	2c5e6a	`#2c5e6a`
RGB Decimal	44, 94, 106	`rgb(44,94,106)`
RGB Percent	17.3, 36.9, 41.6	`rgb(17.3%,36.9%,41.6%)`
CMYK	58, 11, 0, 58
HSL	191.6°, 41.3, 29.4	`hsl(191.6,41.3%,29.4%)`
HSV (or HSB)	191.6°, 58.5, 41.6
Web Safe	336666	`#336666`

CIE-LAB	37.08, -12.985, -11.964
XYZ	7.642, 9.581, 15.081
xyY	0.237, 0.297, 9.581
CIE-LCH	37.08, 17.656, 222.656
CIE-LUV	37.08, -20.415, -14.335
Hunter-Lab	30.953, -10.097, -7.221
Binary	00101100, 01011110, 01101010

#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#6a382c
```
#6a382c rgb(106,56,44)
```

Complementary Color

#2c6a57
```
#2c6a57 rgb(44,106,87)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#2c3f6a
```
#2c3f6a rgb(44,63,106)
```

Analogous Color

#6a572c
```
#6a572c rgb(106,87,44)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#6a2c3f
```
#6a2c3f rgb(106,44,63)
```

Split Complementary Color

#5e6a2c
```
#5e6a2c rgb(94,106,44)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#6a2c5e
```
#6a2c5e rgb(106,44,94)
```

Triadic Color

#2c6a38
```
#2c6a38 rgb(44,106,56)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#6a2c5e
```
#6a2c5e rgb(106,44,94)
```
#6a382c
```
#6a382c rgb(106,56,44)
```

Tetradic Color

#162e34
```
#162e34 rgb(22,46,52)
```
#1d3e46
```
#1d3e46 rgb(29,62,70)
```
#254e58
```
#254e58 rgb(37,78,88)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#336e7c
```
#336e7c rgb(51,110,124)
```
#3b7e8e
```
#3b7e8e rgb(59,126,142)
```
#428ea0
```
#428ea0 rgb(66,142,160)
```

Monochromatic Color

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

#2c6a67
```
#2c6a67 rgb(44,106,103)
```
#2c686a
```
#2c686a rgb(44,104,106)
```
#2c636a
```
#2c636a rgb(44,99,106)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#2c596a
```
#2c596a rgb(44,89,106)
```
#2c546a
```
#2c546a rgb(44,84,106)
```
#2c4f6a
```
#2c4f6a rgb(44,79,106)
```

Similar Colors

Text with hexadecimal color #2c5e6a

This text has a font color of #2c5e6a.

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

#2c5e6a background color

This paragraph has a background color of #2c5e6a.

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

#2c5e6a border color

This element has a border color of #2c5e6a.

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

CSS codes

.text {color:#2c5e6a;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#091417
```
#091417 rgb(9,20,23)
```
#0f2125
```
#0f2125 rgb(15,33,37)
```
#152d33
```
#152d33 rgb(21,45,51)
```
#1b3940
```
#1b3940 rgb(27,57,64)
```
#20454e
```
#20454e rgb(32,69,78)
```
#26525c
```
#26525c rgb(38,82,92)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#326a78
```
#326a78 rgb(50,106,120)
```
#387786
```
#387786 rgb(56,119,134)
```
#3d8394
```
#3d8394 rgb(61,131,148)
```
#438fa1
```
#438fa1 rgb(67,143,161)
```
#499baf
```
#499baf rgb(73,155,175)
```

Shade Color Variation

#54a5b8
```
#54a5b8 rgb(84,165,184)
```
#62acbe
```
#62acbe rgb(98,172,190)
```
#6fb3c3
```
#6fb3c3 rgb(111,179,195)
```
#7dbbc9
```
#7dbbc9 rgb(125,187,201)
```
#8bc2cf
```
#8bc2cf rgb(139,194,207)
```
#99c9d5
```
#99c9d5 rgb(153,201,213)
```
#a7d0da
```
#a7d0da rgb(167,208,218)
```
#b5d8e0
```
#b5d8e0 rgb(181,216,224)
```
#c3dfe6
```
#c3dfe6 rgb(195,223,230)
```
#d1e6ec
```
#d1e6ec rgb(209,230,236)
```
#deeef1
```
#deeef1 rgb(222,238,241)
```
#ecf5f7
```
#ecf5f7 rgb(236,245,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#494c4d
```
#494c4d rgb(73,76,77)
```
#435053
```
#435053 rgb(67,80,83)
```
#3d5359
```
#3d5359 rgb(61,83,89)
```
#38575e
```
#38575e rgb(56,87,94)
```
#325a64
```
#325a64 rgb(50,90,100)
```
#2c5e6a
```
#2c5e6a rgb(44,94,106)
```
#266270
```
#266270 rgb(38,98,112)
```
#206576
```
#206576 rgb(32,101,118)
```
#1b697b
```
#1b697b rgb(27,105,123)
```
#156c81
```
#156c81 rgb(21,108,129)
```
#0f7087
```
#0f7087 rgb(15,112,135)
```
#09738d
```
#09738d rgb(9,115,141)
```
#047792
```
#047792 rgb(4,119,146)
```

Tone Color Variation

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

#5d5f6d Protanopia 1% of men
#5d5e74 Deuteranopia 1% of men
#35666e Tritanopia 0.001% of the population

Trichromacy

#4b5e6c Protanomaly 1% of men, 0.01% of women
#4b5e70 Deuteranomaly 6% of men, 0.4% of women
#31636c Tritanomaly 0.01% of the population

#2c5e6a hex color

#2c5e6a Color Information

#2c5e6a Color Conversion

Color Schemes with #2c5e6a

Alternatives to #2c5e6a

#2c5e6a Preview

Shades and Tints of #2c5e6a

Tones of #2c5e6a

Color Blindness Simulator