#2c5986 hex color

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

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

● #2c5986 color description : Dark moderate blue.

The hexadecimal color #2c5986 has RGB values of R:44, G:89, B:134 and CMYK values of C:0.67, M:0.34, Y:0, K:0.47. Its decimal value is 2906502.

Hex triplet	2c5986	`#2c5986`
RGB Decimal	44, 89, 134	`rgb(44,89,134)`
RGB Percent	17.3, 34.9, 52.5	`rgb(17.3%,34.9%,52.5%)`
CMYK	67, 34, 0, 47
HSL	210°, 50.6, 34.9	`hsl(210,50.6%,34.9%)`
HSV (or HSB)	210°, 67.2, 52.5
Web Safe	336699	`#336699`

CIE-LAB	36.745, -0.187, -29.702
XYZ	8.913, 9.401, 23.898
xyY	0.211, 0.223, 9.401
CIE-LCH	36.745, 29.702, 269.639
CIE-LUV	36.745, -17.658, -41.351
Hunter-Lab	30.661, -1.766, -24.75
Binary	00101100, 01011001, 10000110

#2c5986
```
#2c5986 rgb(44,89,134)
```
#86592c
```
#86592c rgb(134,89,44)
```

Complementary Color

#2c8686
```
#2c8686 rgb(44,134,134)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#2c2c86
```
#2c2c86 rgb(44,44,134)
```

Analogous Color

#86862c
```
#86862c rgb(134,134,44)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#862c2c
```
#862c2c rgb(134,44,44)
```

Split Complementary Color

#59862c
```
#59862c rgb(89,134,44)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#862c59
```
#862c59 rgb(134,44,89)
```

Triadic Color

#2c8659
```
#2c8659 rgb(44,134,89)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#862c59
```
#862c59 rgb(134,44,89)
```
#86592c
```
#86592c rgb(134,89,44)
```

Tetradic Color

#19334c
```
#19334c rgb(25,51,76)
```
#1f4060
```
#1f4060 rgb(31,64,96)
```
#264c73
```
#264c73 rgb(38,76,115)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#326699
```
#326699 rgb(50,102,153)
```
#3973ac
```
#3973ac rgb(57,115,172)
```
#3f7fc0
```
#3f7fc0 rgb(63,127,192)
```

Monochromatic Color

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

#2c7086
```
#2c7086 rgb(44,112,134)
```
#2c6886
```
#2c6886 rgb(44,104,134)
```
#2c6186
```
#2c6186 rgb(44,97,134)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#2c5286
```
#2c5286 rgb(44,82,134)
```
#2c4a86
```
#2c4a86 rgb(44,74,134)
```
#2c4386
```
#2c4386 rgb(44,67,134)
```

Similar Colors

Text with hexadecimal color #2c5986

This text has a font color of #2c5986.

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

#2c5986 background color

This paragraph has a background color of #2c5986.

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

#2c5986 border color

This element has a border color of #2c5986.

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

CSS codes

.text {color:#2c5986;}

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

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

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)
```
#0a141f
```
#0a141f rgb(10,20,31)
```
#0f1e2d
```
#0f1e2d rgb(15,30,45)
```
#14283c
```
#14283c rgb(20,40,60)
```
#19324b
```
#19324b rgb(25,50,75)
```
#1d3c5a
```
#1d3c5a rgb(29,60,90)
```
#224568
```
#224568 rgb(34,69,104)
```
#274f77
```
#274f77 rgb(39,79,119)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#316395
```
#316395 rgb(49,99,149)
```
#366da4
```
#366da4 rgb(54,109,164)
```
#3b76b2
```
#3b76b2 rgb(59,118,178)
```

Shade Color Variation

#4080c0
```
#4080c0 rgb(64,128,192)
```
#4f8ac5
```
#4f8ac5 rgb(79,138,197)
```
#5e94ca
```
#5e94ca rgb(94,148,202)
```
#6c9ecf
```
#6c9ecf rgb(108,158,207)
```
#7ba7d4
```
#7ba7d4 rgb(123,167,212)
```
#8ab1d9
```
#8ab1d9 rgb(138,177,217)
```
#99bbdd
```
#99bbdd rgb(153,187,221)
```
#a8c5e2
```
#a8c5e2 rgb(168,197,226)
```
#b6cfe7
```
#b6cfe7 rgb(182,207,231)
```
#c5d9ec
```
#c5d9ec rgb(197,217,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 #0359af is the most saturated one.

#55595d
```
#55595d rgb(85,89,93)
```
#4e5964
```
#4e5964 rgb(78,89,100)
```
#47596b
```
#47596b rgb(71,89,107)
```
#415971
```
#415971 rgb(65,89,113)
```
#3a5978
```
#3a5978 rgb(58,89,120)
```
#33597f
```
#33597f rgb(51,89,127)
```
#2c5986
```
#2c5986 rgb(44,89,134)
```
#25598d
```
#25598d rgb(37,89,141)
```
#1e5994
```
#1e5994 rgb(30,89,148)
```
#17599b
```
#17599b rgb(23,89,155)
```
#1159a1
```
#1159a1 rgb(17,89,161)
```
#0a59a8
```
#0a59a8 rgb(10,89,168)
```
#0359af
```
#0359af rgb(3,89,175)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4a535c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5d89 Protanopia 1% of men
#455f8d Deuteranopia 1% of men
#20676f Tritanopia 0.001% of the population

Trichromacy

#425c88 Protanomaly 1% of men, 0.01% of women
#3c5c8a Deuteranomaly 6% of men, 0.4% of women
#246277 Tritanomaly 0.01% of the population

#2c5986 hex color

#2c5986 Color Information

#2c5986 Color Conversion

Color Schemes with #2c5986

Alternatives to #2c5986

#2c5986 Preview

Shades and Tints of #2c5986

Tones of #2c5986

Color Blindness Simulator