#2c5b66 hex color

In a RGB color space, hex #2c5b66 is composed of 17.3% red, 35.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 10.8% magenta, 0% yellow and 60% black. It has a hue angle of 191.4 degrees, a saturation of 39.7% and a lightness of 28.6%. #2c5b66 color hex could be obtained by blending #58b6cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 36
- B 40
RGB color chart
- C 57
- M 11
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2c5b66 has RGB values of R:44, G:91, B:102 and CMYK values of C:0.57, M:0.11, Y:0, K:0.6. Its decimal value is 2906982.

Hex triplet	2c5b66	`#2c5b66`
RGB Decimal	44, 91, 102	`rgb(44,91,102)`
RGB Percent	17.3, 35.7, 40	`rgb(17.3%,35.7%,40%)`
CMYK	57, 11, 0, 60
HSL	191.4°, 39.7, 28.6	`hsl(191.4,39.7%,28.6%)`
HSV (or HSB)	191.4°, 56.9, 40
Web Safe	336666	`#336666`

CIE-LAB	35.939, -12.536, -11.212
XYZ	7.177, 8.976, 13.924
xyY	0.239, 0.298, 8.976
CIE-LCH	35.939, 16.818, 221.811
CIE-LUV	35.939, -19.373, -13.224
Hunter-Lab	29.961, -9.67, -6.582
Binary	00101100, 01011011, 01100110

#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#66372c
```
#66372c rgb(102,55,44)
```

Complementary Color

#2c6654
```
#2c6654 rgb(44,102,84)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#2c3e66
```
#2c3e66 rgb(44,62,102)
```

Analogous Color

#66542c
```
#66542c rgb(102,84,44)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#662c3e
```
#662c3e rgb(102,44,62)
```

Split Complementary Color

#5b662c
```
#5b662c rgb(91,102,44)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#662c5b
```
#662c5b rgb(102,44,91)
```

Triadic Color

#2c6637
```
#2c6637 rgb(44,102,55)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#662c5b
```
#662c5b rgb(102,44,91)
```
#66372c
```
#66372c rgb(102,55,44)
```

Tetradic Color

#152b31
```
#152b31 rgb(21,43,49)
```
#1d3b42
```
#1d3b42 rgb(29,59,66)
```
#244b54
```
#244b54 rgb(36,75,84)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#346b78
```
#346b78 rgb(52,107,120)
```
#3b7b8a
```
#3b7b8a rgb(59,123,138)
```
#438b9b
```
#438b9b rgb(67,139,155)
```

Monochromatic Color

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

#2c6663
```
#2c6663 rgb(44,102,99)
```
#2c6566
```
#2c6566 rgb(44,101,102)
```
#2c6066
```
#2c6066 rgb(44,96,102)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#2c5666
```
#2c5666 rgb(44,86,102)
```
#2c5166
```
#2c5166 rgb(44,81,102)
```
#2c4d66
```
#2c4d66 rgb(44,77,102)
```

Similar Colors

Text with hexadecimal color #2c5b66

This text has a font color of #2c5b66.

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

#2c5b66 background color

This paragraph has a background color of #2c5b66.

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

#2c5b66 border color

This element has a border color of #2c5b66.

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

CSS codes

.text {color:#2c5b66;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#091214
```
#091214 rgb(9,18,20)
```
#0e1e21
```
#0e1e21 rgb(14,30,33)
```
#142a2f
```
#142a2f rgb(20,42,47)
```
#1a363d
```
#1a363d rgb(26,54,61)
```
#20434b
```
#20434b rgb(32,67,75)
```
#264f58
```
#264f58 rgb(38,79,88)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#326774
```
#326774 rgb(50,103,116)
```
#387381
```
#387381 rgb(56,115,129)
```
#3e808f
```
#3e808f rgb(62,128,143)
```
#448c9d
```
#448c9d rgb(68,140,157)
```
#4a98ab
```
#4a98ab rgb(74,152,171)
```

Shade Color Variation

#53a2b5
```
#53a2b5 rgb(83,162,181)
```
#61aabb
```
#61aabb rgb(97,170,187)
```
#6eb1c1
```
#6eb1c1 rgb(110,177,193)
```
#7cb8c7
```
#7cb8c7 rgb(124,184,199)
```
#8ac0cc
```
#8ac0cc rgb(138,192,204)
```
#97c7d2
```
#97c7d2 rgb(151,199,210)
```
#a5cfd8
```
#a5cfd8 rgb(165,207,216)
```
#b3d6de
```
#b3d6de rgb(179,214,222)
```
#c1dde4
```
#c1dde4 rgb(193,221,228)
```
#cee5ea
```
#cee5ea rgb(206,229,234)
```
#dcecf0
```
#dcecf0 rgb(220,236,240)
```
#eaf3f6
```
#eaf3f6 rgb(234,243,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a4a is the less saturated color, while #05738d is the most saturated one.

#484a4a
```
#484a4a rgb(72,74,74)
```
#424d50
```
#424d50 rgb(66,77,80)
```
#3d5155
```
#3d5155 rgb(61,81,85)
```
#37545b
```
#37545b rgb(55,84,91)
```
#325860
```
#325860 rgb(50,88,96)
```
#2c5b66
```
#2c5b66 rgb(44,91,102)
```
#265e6c
```
#265e6c rgb(38,94,108)
```
#216271
```
#216271 rgb(33,98,113)
```
#1b6577
```
#1b6577 rgb(27,101,119)
```
#16697c
```
#16697c rgb(22,105,124)
```
#106c82
```
#106c82 rgb(16,108,130)
```
#0a7088
```
#0a7088 rgb(10,112,136)
```
#05738d
```
#05738d rgb(5,115,141)
```

Tone Color Variation

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

Dichromacy

#5b5c69 Protanopia 1% of men
#5b5b70 Deuteranopia 1% of men
#35646b Tritanopia 0.001% of the population

Trichromacy

#495c68 Protanomaly 1% of men, 0.01% of women
#4a5b6c Deuteranomaly 6% of men, 0.4% of women
#326069 Tritanomaly 0.01% of the population

#2c5b66 hex color

#2c5b66 Color Information

#2c5b66 Color Conversion

Color Schemes with #2c5b66

Alternatives to #2c5b66

#2c5b66 Preview

Shades and Tints of #2c5b66

Tones of #2c5b66

Color Blindness Simulator