colorhexa.com

#2c5b73 hex color

In a RGB color space, hex #2c5b73 is composed of 17.3% red, 35.7% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 20.9% magenta, 0% yellow and 54.9% black. It has a hue angle of 200.3 degrees, a saturation of 44.7% and a lightness of 31.2%. #2c5b73 color hex could be obtained by blending #58b6e6 with #000000. Closest websafe color is: #336666.

- R 17
- G 36
- B 45
RGB color chart
- C 62
- M 21
- Y 0
- K 55
CMYK color chart

● #2c5b73 color description : Dark moderate blue.

The hexadecimal color #2c5b73 has RGB values of R:44, G:91, B:115 and CMYK values of C:0.62, M:0.21, Y:0, K:0.55. Its decimal value is 2906995.

Hex triplet	2c5b73	`#2c5b73`
RGB Decimal	44, 91, 115	`rgb(44,91,115)`
RGB Percent	17.3, 35.7, 45.1	`rgb(17.3%,35.7%,45.1%)`
CMYK	62, 21, 0, 55
HSL	200.3°, 44.7, 31.2	`hsl(200.3,44.7%,31.2%)`
HSV (or HSB)	200.3°, 61.7, 45.1
Web Safe	336666	`#336666`

CIE-LAB	36.471, -8.204, -18.46
XYZ	7.874, 9.255, 17.59
xyY	0.227, 0.267, 9.255
CIE-LCH	36.471, 20.201, 246.038
CIE-LUV	36.471, -18.94, -24.063
Hunter-Lab	30.422, -7.04, -12.987
Binary	00101100, 01011011, 01110011

#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#73442c
```
#73442c rgb(115,68,44)
```

Complementary Color

#2c7368
```
#2c7368 rgb(44,115,104)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#2c3873
```
#2c3873 rgb(44,56,115)
```

Analogous Color

#73682c
```
#73682c rgb(115,104,44)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#732c38
```
#732c38 rgb(115,44,56)
```

Split Complementary Color

#5b732c
```
#5b732c rgb(91,115,44)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#732c5b
```
#732c5b rgb(115,44,91)
```

Triadic Color

#172f3c
```
#172f3c rgb(23,47,60)
```
#1e3e4e
```
#1e3e4e rgb(30,62,78)
```
#254c61
```
#254c61 rgb(37,76,97)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#336a85
```
#336a85 rgb(51,106,133)
```
#3a7898
```
#3a7898 rgb(58,120,152)
```
#4187aa
```
#4187aa rgb(65,135,170)
```

Monochromatic Color

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

#2c6d73
```
#2c6d73 rgb(44,109,115)
```
#2c6773
```
#2c6773 rgb(44,103,115)
```
#2c6173
```
#2c6173 rgb(44,97,115)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#2c5573
```
#2c5573 rgb(44,85,115)
```
#2c4f73
```
#2c4f73 rgb(44,79,115)
```
#2c4973
```
#2c4973 rgb(44,73,115)
```

Similar Colors

Text with hexadecimal color #2c5b73

This text has a font color of #2c5b73.

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

#2c5b73 background color

This paragraph has a background color of #2c5b73.

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

#2c5b73 border color

This element has a border color of #2c5b73.

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

CSS codes

.text {color:#2c5b73;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0b181e
```
#0b181e rgb(11,24,30)
```
#11232c
```
#11232c rgb(17,35,44)
```
#162e3a
```
#162e3a rgb(22,46,58)
```
#1c3948
```
#1c3948 rgb(28,57,72)
```
#214557
```
#214557 rgb(33,69,87)
```
#275065
```
#275065 rgb(39,80,101)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#316681
```
#316681 rgb(49,102,129)
```
#37718f
```
#37718f rgb(55,113,143)
```
#3c7d9e
```
#3c7d9e rgb(60,125,158)
```
#4288ac
```
#4288ac rgb(66,136,172)
```

Shade Color Variation

#4893b9
```
#4893b9 rgb(72,147,185)
```
#569bbe
```
#569bbe rgb(86,155,190)
```
#64a4c4
```
#64a4c4 rgb(100,164,196)
```
#73acc9
```
#73acc9 rgb(115,172,201)
```
#81b4cf
```
#81b4cf rgb(129,180,207)
```
#8fbdd4
```
#8fbdd4 rgb(143,189,212)
```
#9dc5da
```
#9dc5da rgb(157,197,218)
```
#abcedf
```
#abcedf rgb(171,206,223)
```
#bad6e4
```
#bad6e4 rgb(186,214,228)
```
#c8deea
```
#c8deea rgb(200,222,234)
```
#d6e7ef
```
#d6e7ef rgb(214,231,239)
```
#e4eff5
```
#e4eff5 rgb(228,239,245)
```
#f2f7fa
```
#f2f7fa rgb(242,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5154 is the less saturated color, while #01699e is the most saturated one.

#4b5154
```
#4b5154 rgb(75,81,84)
```
#44535b
```
#44535b rgb(68,83,91)
```
#3e5561
```
#3e5561 rgb(62,85,97)
```
#385767
```
#385767 rgb(56,87,103)
```
#32596d
```
#32596d rgb(50,89,109)
```
#2c5b73
```
#2c5b73 rgb(44,91,115)
```
#265d79
```
#265d79 rgb(38,93,121)
```
#205f7f
```
#205f7f rgb(32,95,127)
```
#1a6185
```
#1a6185 rgb(26,97,133)
```
#14638b
```
#14638b rgb(20,99,139)
```
#0d6592
```
#0d6592 rgb(13,101,146)
```
#076798
```
#076798 rgb(7,103,152)
```
#01699e
```
#01699e rgb(1,105,158)
```

Tone Color Variation

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

Dichromacy

#575d76 Protanopia 1% of men
#555d7c Deuteranopia 1% of men
#2f656d Tritanopia 0.001% of the population

Trichromacy

#475c75 Protanomaly 1% of men, 0.01% of women
#465c79 Deuteranomaly 6% of men, 0.4% of women
#2e616f Tritanomaly 0.01% of the population