#2c5a69 hex color

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

♥
- f
- t
- g
- R 17
- G 35
- B 41
RGB color chart
- C 58
- M 14
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #2c5a69 has RGB values of R:44, G:90, B:105 and CMYK values of C:0.58, M:0.14, Y:0, K:0.59. Its decimal value is 2906729.

Hex triplet	2c5a69	`#2c5a69`
RGB Decimal	44, 90, 105	`rgb(44,90,105)`
RGB Percent	17.3, 35.3, 41.2	`rgb(17.3%,35.3%,41.2%)`
CMYK	58, 14, 0, 59
HSL	194.8°, 40.9, 29.2	`hsl(194.8,40.9%,29.2%)`
HSV (or HSB)	194.8°, 58.1, 41.2
Web Safe	336666	`#336666`

CIE-LAB	35.727, -10.972, -13.4
XYZ	7.244, 8.867, 14.694
xyY	0.235, 0.288, 8.867
CIE-LCH	35.727, 17.319, 230.69
CIE-LUV	35.727, -18.878, -16.441
Hunter-Lab	29.778, -8.688, -8.412
Binary	00101100, 01011010, 01101001

#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#693b2c
```
#693b2c rgb(105,59,44)
```

Complementary Color

#2c695a
```
#2c695a rgb(44,105,90)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#2c3c69
```
#2c3c69 rgb(44,60,105)
```

Analogous Color

#695a2c
```
#695a2c rgb(105,90,44)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#692c3c
```
#692c3c rgb(105,44,60)
```

Split Complementary Color

#5a692c
```
#5a692c rgb(90,105,44)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#692c5a
```
#692c5a rgb(105,44,90)
```

Triadic Color

#2c693b
```
#2c693b rgb(44,105,59)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#692c5a
```
#692c5a rgb(105,44,90)
```
#693b2c
```
#693b2c rgb(105,59,44)
```

Tetradic Color

#152c33
```
#152c33 rgb(21,44,51)
```
#1d3b45
```
#1d3b45 rgb(29,59,69)
```
#244b57
```
#244b57 rgb(36,75,87)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#34697b
```
#34697b rgb(52,105,123)
```
#3b798d
```
#3b798d rgb(59,121,141)
```
#43889f
```
#43889f rgb(67,136,159)
```

Monochromatic Color

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

#2c6969
```
#2c6969 rgb(44,105,105)
```
#2c6469
```
#2c6469 rgb(44,100,105)
```
#2c5f69
```
#2c5f69 rgb(44,95,105)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#2c5569
```
#2c5569 rgb(44,85,105)
```
#2c5069
```
#2c5069 rgb(44,80,105)
```
#2c4b69
```
#2c4b69 rgb(44,75,105)
```

Similar Colors

Text with hexadecimal color #2c5a69

This text has a font color of #2c5a69.

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

#2c5a69 background color

This paragraph has a background color of #2c5a69.

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

#2c5a69 border color

This element has a border color of #2c5a69.

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

CSS codes

.text {color:#2c5a69;}

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

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

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)
```
#091316
```
#091316 rgb(9,19,22)
```
#0f1f24
```
#0f1f24 rgb(15,31,36)
```
#152b32
```
#152b32 rgb(21,43,50)
```
#1b3640
```
#1b3640 rgb(27,54,64)
```
#20424d
```
#20424d rgb(32,66,77)
```
#264e5b
```
#264e5b rgb(38,78,91)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#326677
```
#326677 rgb(50,102,119)
```
#387285
```
#387285 rgb(56,114,133)
```
#3d7e92
```
#3d7e92 rgb(61,126,146)
```
#4389a0
```
#4389a0 rgb(67,137,160)
```
#4995ae
```
#4995ae rgb(73,149,174)
```

Shade Color Variation

#549fb7
```
#549fb7 rgb(84,159,183)
```
#61a6bd
```
#61a6bd rgb(97,166,189)
```
#6faec3
```
#6faec3 rgb(111,174,195)
```
#7db6c9
```
#7db6c9 rgb(125,182,201)
```
#8bbece
```
#8bbece rgb(139,190,206)
```
#99c5d4
```
#99c5d4 rgb(153,197,212)
```
#a6cdda
```
#a6cdda rgb(166,205,218)
```
#b4d5e0
```
#b4d5e0 rgb(180,213,224)
```
#c2dde5
```
#c2dde5 rgb(194,221,229)
```
#d0e5eb
```
#d0e5eb rgb(208,229,235)
```
#deecf1
```
#deecf1 rgb(222,236,241)
```
#ecf4f7
```
#ecf4f7 rgb(236,244,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#494b4c
```
#494b4c rgb(73,75,76)
```
#434e52
```
#434e52 rgb(67,78,82)
```
#3d5158
```
#3d5158 rgb(61,81,88)
```
#37545e
```
#37545e rgb(55,84,94)
```
#325763
```
#325763 rgb(50,87,99)
```
#2c5a69
```
#2c5a69 rgb(44,90,105)
```
#265d6f
```
#265d6f rgb(38,93,111)
```
#216074
```
#216074 rgb(33,96,116)
```
#1b637a
```
#1b637a rgb(27,99,122)
```
#156680
```
#156680 rgb(21,102,128)
```
#0f6986
```
#0f6986 rgb(15,105,134)
```
#0a6b8b
```
#0a6b8b rgb(10,107,139)
```
#046e91
```
#046e91 rgb(4,110,145)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#475053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595c6c Protanopia 1% of men
#595b73 Deuteranopia 1% of men
#34636a Tritanopia 0.001% of the population

Trichromacy

#485b6b Protanomaly 1% of men, 0.01% of women
#485a6f Deuteranomaly 6% of men, 0.4% of women
#31606a Tritanomaly 0.01% of the population

#2c5a69 hex color

#2c5a69 Color Information

#2c5a69 Color Conversion

Color Schemes with #2c5a69

Alternatives to #2c5a69

#2c5a69 Preview

Shades and Tints of #2c5a69

Tones of #2c5a69

Color Blindness Simulator