#2c5d86 hex color

In a RGB color space, hex #2c5d86 is composed of 17.3% red, 36.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 30.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 207.3 degrees, a saturation of 50.6% and a lightness of 34.9%. #2c5d86 color hex could be obtained by blending #58baff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 36
- B 53
RGB color chart
- C 67
- M 31
- Y 0
- K 47
CMYK color chart

● #2c5d86 color description : Dark moderate blue.

The hexadecimal color #2c5d86 has RGB values of R:44, G:93, B:134 and CMYK values of C:0.67, M:0.31, Y:0, K:0.47. Its decimal value is 2907526.

Hex triplet	2c5d86	`#2c5d86`
RGB Decimal	44, 93, 134	`rgb(44,93,134)`
RGB Percent	17.3, 36.5, 52.5	`rgb(17.3%,36.5%,52.5%)`
CMYK	67, 31, 0, 47
HSL	207.3°, 50.6, 34.9	`hsl(207.3,50.6%,34.9%)`
HSV (or HSB)	207.3°, 67.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	37.994, -2.703, -27.739
XYZ	9.255, 10.085, 24.012
xyY	0.213, 0.233, 10.085
CIE-LCH	37.994, 27.871, 264.434
CIE-LUV	37.994, -19.092, -38.557
Hunter-Lab	31.756, -3.552, -22.601
Binary	00101100, 01011101, 10000110

#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#86552c
```
#86552c rgb(134,85,44)
```

Complementary Color

#2c8682
```
#2c8682 rgb(44,134,130)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#2c3086
```
#2c3086 rgb(44,48,134)
```

Analogous Color

#86822c
```
#86822c rgb(134,130,44)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#862c30
```
#862c30 rgb(134,44,48)
```

Split Complementary Color

#5d862c
```
#5d862c rgb(93,134,44)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#862c5d
```
#862c5d rgb(134,44,93)
```

Triadic Color

#2c8655
```
#2c8655 rgb(44,134,85)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#862c5d
```
#862c5d rgb(134,44,93)
```
#86552c
```
#86552c rgb(134,85,44)
```

Tetradic Color

#19354c
```
#19354c rgb(25,53,76)
```
#1f4260
```
#1f4260 rgb(31,66,96)
```
#265073
```
#265073 rgb(38,80,115)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#326a99
```
#326a99 rgb(50,106,153)
```
#3978ac
```
#3978ac rgb(57,120,172)
```
#3f85c0
```
#3f85c0 rgb(63,133,192)
```

Monochromatic Color

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

#2c7486
```
#2c7486 rgb(44,116,134)
```
#2c6c86
```
#2c6c86 rgb(44,108,134)
```
#2c6586
```
#2c6586 rgb(44,101,134)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#2c5686
```
#2c5686 rgb(44,86,134)
```
#2c4e86
```
#2c4e86 rgb(44,78,134)
```
#2c4786
```
#2c4786 rgb(44,71,134)
```

Similar Colors

Text with hexadecimal color #2c5d86

This text has a font color of #2c5d86.

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

#2c5d86 background color

This paragraph has a background color of #2c5d86.

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

#2c5d86 border color

This element has a border color of #2c5d86.

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

CSS codes

.text {color:#2c5d86;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050b10
```
#050b10 rgb(5,11,16)
```
#0a151f
```
#0a151f rgb(10,21,31)
```
#0f202d
```
#0f202d rgb(15,32,45)
```
#142a3c
```
#142a3c rgb(20,42,60)
```
#19344b
```
#19344b rgb(25,52,75)
```
#1d3e5a
```
#1d3e5a rgb(29,62,90)
```
#224968
```
#224968 rgb(34,73,104)
```
#275377
```
#275377 rgb(39,83,119)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#316795
```
#316795 rgb(49,103,149)
```
#3671a4
```
#3671a4 rgb(54,113,164)
```
#3b7cb2
```
#3b7cb2 rgb(59,124,178)
```

Shade Color Variation

#4086c0
```
#4086c0 rgb(64,134,192)
```
#4f8fc5
```
#4f8fc5 rgb(79,143,197)
```
#5e99ca
```
#5e99ca rgb(94,153,202)
```
#6ca2cf
```
#6ca2cf rgb(108,162,207)
```
#7babd4
```
#7babd4 rgb(123,171,212)
```
#8ab5d9
```
#8ab5d9 rgb(138,181,217)
```
#99bedd
```
#99bedd rgb(153,190,221)
```
#a8c7e2
```
#a8c7e2 rgb(168,199,226)
```
#b6d1e7
```
#b6d1e7 rgb(182,209,231)
```
#c5daec
```
#c5daec rgb(197,218,236)
```
#d4e4f1
```
#d4e4f1 rgb(212,228,241)
```
#e3edf6
```
#e3edf6 rgb(227,237,246)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

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

#55595d
```
#55595d rgb(85,89,93)
```
#4e5a64
```
#4e5a64 rgb(78,90,100)
```
#475b6b
```
#475b6b rgb(71,91,107)
```
#415b71
```
#415b71 rgb(65,91,113)
```
#3a5c78
```
#3a5c78 rgb(58,92,120)
```
#335c7f
```
#335c7f rgb(51,92,127)
```
#2c5d86
```
#2c5d86 rgb(44,93,134)
```
#255e8d
```
#255e8d rgb(37,94,141)
```
#1e5e94
```
#1e5e94 rgb(30,94,148)
```
#175f9b
```
#175f9b rgb(23,95,155)
```
#115fa1
```
#115fa1 rgb(17,95,161)
```
#0a60a8
```
#0a60a8 rgb(10,96,168)
```
#0361af
```
#0361af rgb(3,97,175)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b555d Atypical Achromatopsia 0.001% of the population

Dichromacy

#546088 Protanopia 1% of men
#4c618d Deuteranopia 1% of men
#236a72 Tritanopia 0.001% of the population

Trichromacy

#455f87 Protanomaly 1% of men, 0.01% of women
#405f8a Deuteranomaly 6% of men, 0.4% of women
#266579 Tritanomaly 0.01% of the population

#2c5d86 hex color

#2c5d86 Color Information

#2c5d86 Color Conversion

Color Schemes with #2c5d86

Alternatives to #2c5d86

#2c5d86 Preview

Shades and Tints of #2c5d86

Tones of #2c5d86

Color Blindness Simulator