#2c5786 hex color

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

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

● #2c5786 color description : Dark moderate blue.

The hexadecimal color #2c5786 has RGB values of R:44, G:87, B:134 and CMYK values of C:0.67, M:0.35, Y:0, K:0.47. Its decimal value is 2905990.

Hex triplet	2c5786	`#2c5786`
RGB Decimal	44, 87, 134	`rgb(44,87,134)`
RGB Percent	17.3, 34.1, 52.5	`rgb(17.3%,34.1%,52.5%)`
CMYK	67, 35, 0, 47
HSL	211.3°, 50.6, 34.9	`hsl(211.3,50.6%,34.9%)`
HSV (or HSB)	211.3°, 67.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	36.123, 1.088, -30.681
XYZ	8.749, 9.072, 23.843
xyY	0.21, 0.218, 9.072
CIE-LCH	36.123, 30.7, 272.03
CIE-LUV	36.123, -16.951, -42.713
Hunter-Lab	30.121, -0.863, -25.849
Binary	00101100, 01010111, 10000110

#2c5786
```
#2c5786 rgb(44,87,134)
```
#865b2c
```
#865b2c rgb(134,91,44)
```

Complementary Color

#2c8486
```
#2c8486 rgb(44,132,134)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#2e2c86
```
#2e2c86 rgb(46,44,134)
```

Analogous Color

#84862c
```
#84862c rgb(132,134,44)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#862e2c
```
#862e2c rgb(134,46,44)
```

Split Complementary Color

#57862c
```
#57862c rgb(87,134,44)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#862c57
```
#862c57 rgb(134,44,87)
```

Triadic Color

#2c865b
```
#2c865b rgb(44,134,91)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#862c57
```
#862c57 rgb(134,44,87)
```
#865b2c
```
#865b2c rgb(134,91,44)
```

Tetradic Color

#19324c
```
#19324c rgb(25,50,76)
```
#1f3e60
```
#1f3e60 rgb(31,62,96)
```
#264b73
```
#264b73 rgb(38,75,115)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#326399
```
#326399 rgb(50,99,153)
```
#3970ac
```
#3970ac rgb(57,112,172)
```
#3f7cc0
```
#3f7cc0 rgb(63,124,192)
```

Monochromatic Color

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

#2c6e86
```
#2c6e86 rgb(44,110,134)
```
#2c6686
```
#2c6686 rgb(44,102,134)
```
#2c5f86
```
#2c5f86 rgb(44,95,134)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#2c5086
```
#2c5086 rgb(44,80,134)
```
#2c4886
```
#2c4886 rgb(44,72,134)
```
#2c4186
```
#2c4186 rgb(44,65,134)
```

Similar Colors

Text with hexadecimal color #2c5786

This text has a font color of #2c5786.

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

#2c5786 background color

This paragraph has a background color of #2c5786.

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

#2c5786 border color

This element has a border color of #2c5786.

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

CSS codes

.text {color:#2c5786;}

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

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

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)
```
#050a10
```
#050a10 rgb(5,10,16)
```
#0a141f
```
#0a141f rgb(10,20,31)
```
#0f1d2d
```
#0f1d2d rgb(15,29,45)
```
#14273c
```
#14273c rgb(20,39,60)
```
#19314b
```
#19314b rgb(25,49,75)
```
#1d3a5a
```
#1d3a5a rgb(29,58,90)
```
#224468
```
#224468 rgb(34,68,104)
```
#274d77
```
#274d77 rgb(39,77,119)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#316195
```
#316195 rgb(49,97,149)
```
#366aa4
```
#366aa4 rgb(54,106,164)
```
#3b74b2
```
#3b74b2 rgb(59,116,178)
```

Shade Color Variation

#407dc0
```
#407dc0 rgb(64,125,192)
```
#4f87c5
```
#4f87c5 rgb(79,135,197)
```
#5e91ca
```
#5e91ca rgb(94,145,202)
```
#6c9bcf
```
#6c9bcf rgb(108,155,207)
```
#7ba5d4
```
#7ba5d4 rgb(123,165,212)
```
#8ab0d9
```
#8ab0d9 rgb(138,176,217)
```
#99badd
```
#99badd rgb(153,186,221)
```
#a8c4e2
```
#a8c4e2 rgb(168,196,226)
```
#b6cee7
```
#b6cee7 rgb(182,206,231)
```
#c5d8ec
```
#c5d8ec rgb(197,216,236)
```
#d4e2f1
```
#d4e2f1 rgb(212,226,241)
```
#e3ecf6
```
#e3ecf6 rgb(227,236,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 #0355af is the most saturated one.

#55595d
```
#55595d rgb(85,89,93)
```
#4e5964
```
#4e5964 rgb(78,89,100)
```
#47586b
```
#47586b rgb(71,88,107)
```
#415871
```
#415871 rgb(65,88,113)
```
#3a5878
```
#3a5878 rgb(58,88,120)
```
#33577f
```
#33577f rgb(51,87,127)
```
#2c5786
```
#2c5786 rgb(44,87,134)
```
#25578d
```
#25578d rgb(37,87,141)
```
#1e5694
```
#1e5694 rgb(30,86,148)
```
#17569b
```
#17569b rgb(23,86,155)
```
#1156a1
```
#1156a1 rgb(17,86,161)
```
#0a55a8
```
#0a55a8 rgb(10,85,168)
```
#0355af
```
#0355af rgb(3,85,175)
```

Tone Color Variation

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

Dichromacy

#4c5c89 Protanopia 1% of men
#425d8d Deuteranopia 1% of men
#1f666d Tritanopia 0.001% of the population

Trichromacy

#405a88 Protanomaly 1% of men, 0.01% of women
#3a5b8a Deuteranomaly 6% of men, 0.4% of women
#236076 Tritanomaly 0.01% of the population

#2c5786 hex color

#2c5786 Color Information

#2c5786 Color Conversion

Color Schemes with #2c5786

Alternatives to #2c5786

#2c5786 Preview

Shades and Tints of #2c5786

Tones of #2c5786

Color Blindness Simulator