#2c5d8e hex color

In a RGB color space, hex #2c5d8e is composed of 17.3% red, 36.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 34.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 210 degrees, a saturation of 52.7% and a lightness of 36.5%. #2c5d8e color hex could be obtained by blending #58baff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 36
- B 56
RGB color chart
- C 69
- M 35
- Y 0
- K 44
CMYK color chart

● #2c5d8e color description : Dark moderate blue.

The hexadecimal color #2c5d8e has RGB values of R:44, G:93, B:142 and CMYK values of C:0.69, M:0.35, Y:0, K:0.44. Its decimal value is 2907534.

Hex triplet	2c5d8e	`#2c5d8e`
RGB Decimal	44, 93, 142	`rgb(44,93,142)`
RGB Percent	17.3, 36.5, 55.7	`rgb(17.3%,36.5%,55.7%)`
CMYK	69, 35, 0, 44
HSL	210°, 52.7, 36.5	`hsl(210,52.7%,36.5%)`
HSV (or HSB)	210°, 69, 55.7
Web Safe	336699	`#336699`

CIE-LAB	38.405, 0.23, -31.947
XYZ	9.834, 10.316, 27.063
xyY	0.208, 0.219, 10.316
CIE-LCH	38.405, 31.948, 270.413
CIE-LUV	38.405, -18.862, -45.208
Hunter-Lab	32.119, -1.555, -27.472
Binary	00101100, 01011101, 10001110

#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#8e5d2c
```
#8e5d2c rgb(142,93,44)
```

Complementary Color

#2c8e8e
```
#2c8e8e rgb(44,142,142)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#2c2c8e
```
#2c2c8e rgb(44,44,142)
```

Analogous Color

#8e8e2c
```
#8e8e2c rgb(142,142,44)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#8e2c2c
```
#8e2c2c rgb(142,44,44)
```

Split Complementary Color

#5d8e2c
```
#5d8e2c rgb(93,142,44)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#8e2c5d
```
#8e2c5d rgb(142,44,93)
```

Triadic Color

#2c8e5d
```
#2c8e5d rgb(44,142,93)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#8e2c5d
```
#8e2c5d rgb(142,44,93)
```
#8e5d2c
```
#8e5d2c rgb(142,93,44)
```

Tetradic Color

#1a3754
```
#1a3754 rgb(26,55,84)
```
#204467
```
#204467 rgb(32,68,103)
```
#26507b
```
#26507b rgb(38,80,123)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#326aa1
```
#326aa1 rgb(50,106,161)
```
#3877b5
```
#3877b5 rgb(56,119,181)
```
#4283c4
```
#4283c4 rgb(66,131,196)
```

Monochromatic Color

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

#2c768e
```
#2c768e rgb(44,118,142)
```
#2c6d8e
```
#2c6d8e rgb(44,109,142)
```
#2c658e
```
#2c658e rgb(44,101,142)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#2c558e
```
#2c558e rgb(44,85,142)
```
#2c4d8e
```
#2c4d8e rgb(44,77,142)
```
#2c458e
```
#2c458e rgb(44,69,142)
```

Similar Colors

Text with hexadecimal color #2c5d8e

This text has a font color of #2c5d8e.

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

#2c5d8e background color

This paragraph has a background color of #2c5d8e.

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

#2c5d8e border color

This element has a border color of #2c5d8e.

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

CSS codes

.text {color:#2c5d8e;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#070f16
```
#070f16 rgb(7,15,22)
```
#0c1825
```
#0c1825 rgb(12,24,37)
```
#102234
```
#102234 rgb(16,34,52)
```
#152c43
```
#152c43 rgb(21,44,67)
```
#193652
```
#193652 rgb(25,54,82)
```
#1e4061
```
#1e4061 rgb(30,64,97)
```
#234970
```
#234970 rgb(35,73,112)
```
#27537f
```
#27537f rgb(39,83,127)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#31679d
```
#31679d rgb(49,103,157)
```
#3571ac
```
#3571ac rgb(53,113,172)
```
#3a7abb
```
#3a7abb rgb(58,122,187)
```

Shade Color Variation

#4484c5
```
#4484c5 rgb(68,132,197)
```
#538eca
```
#538eca rgb(83,142,202)
```
#6198ce
```
#6198ce rgb(97,152,206)
```
#70a2d3
```
#70a2d3 rgb(112,162,211)
```
#7fabd7
```
#7fabd7 rgb(127,171,215)
```
#8eb5dc
```
#8eb5dc rgb(142,181,220)
```
#9dbfe1
```
#9dbfe1 rgb(157,191,225)
```
#acc9e5
```
#acc9e5 rgb(172,201,229)
```
#bbd3ea
```
#bbd3ea rgb(187,211,234)
```
#caddef
```
#caddef rgb(202,221,239)
```
#d9e6f3
```
#d9e6f3 rgb(217,230,243)
```
#e8f0f8
```
#e8f0f8 rgb(232,240,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575d63 is the less saturated color, while #015db9 is the most saturated one.

#575d63
```
#575d63 rgb(87,93,99)
```
#505d6a
```
#505d6a rgb(80,93,106)
```
#495d71
```
#495d71 rgb(73,93,113)
```
#415d79
```
#415d79 rgb(65,93,121)
```
#3a5d80
```
#3a5d80 rgb(58,93,128)
```
#335d87
```
#335d87 rgb(51,93,135)
```
#2c5d8e
```
#2c5d8e rgb(44,93,142)
```
#255d95
```
#255d95 rgb(37,93,149)
```
#1e5d9c
```
#1e5d9c rgb(30,93,156)
```
#175da3
```
#175da3 rgb(23,93,163)
```
#0f5dab
```
#0f5dab rgb(15,93,171)
```
#085db2
```
#085db2 rgb(8,93,178)
```
#015db9
```
#015db9 rgb(1,93,185)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506190 Protanopia 1% of men
#456394 Deuteranopia 1% of men
#1a6c74 Tritanopia 0.001% of the population

Trichromacy

#435f8f Protanomaly 1% of men, 0.01% of women
#3c6092 Deuteranomaly 6% of men, 0.4% of women
#20667d Tritanomaly 0.01% of the population

#2c5d8e hex color

#2c5d8e Color Information

#2c5d8e Color Conversion

Color Schemes with #2c5d8e

Alternatives to #2c5d8e

#2c5d8e Preview

Shades and Tints of #2c5d8e

Tones of #2c5d8e

Color Blindness Simulator