#2c5c6b hex color

In a RGB color space, hex #2c5c6b is composed of 17.3% red, 36.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 14% magenta, 0% yellow and 58% black. It has a hue angle of 194.3 degrees, a saturation of 41.7% and a lightness of 29.6%. #2c5c6b color hex could be obtained by blending #58b8d6 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #2c5c6b has RGB values of R:44, G:92, B:107 and CMYK values of C:0.59, M:0.14, Y:0, K:0.58. Its decimal value is 2907243.

Hex triplet	2c5c6b	`#2c5c6b`
RGB Decimal	44, 92, 107	`rgb(44,92,107)`
RGB Percent	17.3, 36.1, 42	`rgb(17.3%,36.1%,42%)`
CMYK	59, 14, 0, 58
HSL	194.3°, 41.7, 29.6	`hsl(194.3,41.7%,29.6%)`
HSV (or HSB)	194.3°, 58.9, 42
Web Safe	336666	`#336666`

CIE-LAB	36.463, -11.492, -13.521
XYZ	7.519, 9.251, 15.298
xyY	0.234, 0.288, 9.251
CIE-LCH	36.463, 17.745, 229.637
CIE-LUV	36.463, -19.595, -16.639
Hunter-Lab	30.415, -9.099, -8.532
Binary	00101100, 01011100, 01101011

#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#6b3b2c
```
#6b3b2c rgb(107,59,44)
```

Complementary Color

#2c6b5b
```
#2c6b5b rgb(44,107,91)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#2c3d6b
```
#2c3d6b rgb(44,61,107)
```

Analogous Color

#6b5b2c
```
#6b5b2c rgb(107,91,44)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#6b2c3d
```
#6b2c3d rgb(107,44,61)
```

Split Complementary Color

#5c6b2c
```
#5c6b2c rgb(92,107,44)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#6b2c5c
```
#6b2c5c rgb(107,44,92)
```

Triadic Color

#2c6b3b
```
#2c6b3b rgb(44,107,59)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#6b2c5c
```
#6b2c5c rgb(107,44,92)
```
#6b3b2c
```
#6b3b2c rgb(107,59,44)
```

Tetradic Color

#162d35
```
#162d35 rgb(22,45,53)
```
#1d3d47
```
#1d3d47 rgb(29,61,71)
```
#254c59
```
#254c59 rgb(37,76,89)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#336c7d
```
#336c7d rgb(51,108,125)
```
#3b7b8f
```
#3b7b8f rgb(59,123,143)
```
#428ba1
```
#428ba1 rgb(66,139,161)
```

Monochromatic Color

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

#2c6b6a
```
#2c6b6a rgb(44,107,106)
```
#2c676b
```
#2c676b rgb(44,103,107)
```
#2c616b
```
#2c616b rgb(44,97,107)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#2c576b
```
#2c576b rgb(44,87,107)
```
#2c526b
```
#2c526b rgb(44,82,107)
```
#2c4c6b
```
#2c4c6b rgb(44,76,107)
```

Similar Colors

Text with hexadecimal color #2c5c6b

This text has a font color of #2c5c6b.

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

#2c5c6b background color

This paragraph has a background color of #2c5c6b.

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

#2c5c6b border color

This element has a border color of #2c5c6b.

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

CSS codes

.text {color:#2c5c6b;}

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

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

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, #04080a is the darkest color, while #fbfdfd is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#0a1418
```
#0a1418 rgb(10,20,24)
```
#0f2026
```
#0f2026 rgb(15,32,38)
```
#152c33
```
#152c33 rgb(21,44,51)
```
#1b3841
```
#1b3841 rgb(27,56,65)
```
#21444f
```
#21444f rgb(33,68,79)
```
#26505d
```
#26505d rgb(38,80,93)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#326879
```
#326879 rgb(50,104,121)
```
#377487
```
#377487 rgb(55,116,135)
```
#3d8095
```
#3d8095 rgb(61,128,149)
```
#438ca3
```
#438ca3 rgb(67,140,163)
```
#4998b0
```
#4998b0 rgb(73,152,176)
```

Shade Color Variation

#54a1b9
```
#54a1b9 rgb(84,161,185)
```
#62a8be
```
#62a8be rgb(98,168,190)
```
#70b0c4
```
#70b0c4 rgb(112,176,196)
```
#7eb8ca
```
#7eb8ca rgb(126,184,202)
```
#8cbfd0
```
#8cbfd0 rgb(140,191,208)
```
#9ac7d5
```
#9ac7d5 rgb(154,199,213)
```
#a7cfdb
```
#a7cfdb rgb(167,207,219)
```
#b5d6e1
```
#b5d6e1 rgb(181,214,225)
```
#c3dee6
```
#c3dee6 rgb(195,222,230)
```
#d1e6ec
```
#d1e6ec rgb(209,230,236)
```
#dfedf2
```
#dfedf2 rgb(223,237,242)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#494d4e
```
#494d4e rgb(73,77,78)
```
#435054
```
#435054 rgb(67,80,84)
```
#3d535a
```
#3d535a rgb(61,83,90)
```
#38565f
```
#38565f rgb(56,86,95)
```
#325965
```
#325965 rgb(50,89,101)
```
#2c5c6b
```
#2c5c6b rgb(44,92,107)
```
#265f71
```
#265f71 rgb(38,95,113)
```
#206277
```
#206277 rgb(32,98,119)
```
#1b657c
```
#1b657c rgb(27,101,124)
```
#156882
```
#156882 rgb(21,104,130)
```
#0f6b88
```
#0f6b88 rgb(15,107,136)
```
#096e8e
```
#096e8e rgb(9,110,142)
```
#037194
```
#037194 rgb(3,113,148)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#485255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5d6e Protanopia 1% of men
#5a5c75 Deuteranopia 1% of men
#34656c Tritanopia 0.001% of the population

Trichromacy

#495d6d Protanomaly 1% of men, 0.01% of women
#495c71 Deuteranomaly 6% of men, 0.4% of women
#31626c Tritanomaly 0.01% of the population

#2c5c6b hex color

#2c5c6b Color Information

#2c5c6b Color Conversion

Color Schemes with #2c5c6b

Alternatives to #2c5c6b

#2c5c6b Preview

Shades and Tints of #2c5c6b

Tones of #2c5c6b

Color Blindness Simulator