#2c5abe hex color

In a RGB color space, hex #2c5abe is composed of 17.3% red, 35.3% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 52.6% magenta, 0% yellow and 25.5% black. It has a hue angle of 221.1 degrees, a saturation of 62.4% and a lightness of 45.9%. #2c5abe color hex could be obtained by blending #58b4ff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 35
- B 75
RGB color chart
- C 77
- M 53
- Y 0
- K 25
CMYK color chart

● #2c5abe color description : Strong blue.

The hexadecimal color #2c5abe has RGB values of R:44, G:90, B:190 and CMYK values of C:0.77, M:0.53, Y:0, K:0.25. Its decimal value is 2906814.

Hex triplet	2c5abe	`#2c5abe`
RGB Decimal	44, 90, 190	`rgb(44,90,190)`
RGB Percent	17.3, 35.3, 74.5	`rgb(17.3%,35.3%,74.5%)`
CMYK	77, 53, 0, 25
HSL	221.1°, 62.4, 45.9	`hsl(221.1,62.4%,45.9%)`
HSV (or HSB)	221.1°, 76.8, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.515, 20.377, -57.073
XYZ	13.987, 11.564, 50.207
xyY	0.185, 0.153, 11.564
CIE-LCH	40.515, 60.601, 289.648
CIE-LUV	40.515, -17.038, -84.523
Hunter-Lab	34.007, 13.907, -63.731
Binary	00101100, 01011010, 10111110

#2c5abe
```
#2c5abe rgb(44,90,190)
```
#be902c
```
#be902c rgb(190,144,44)
```

Complementary Color

#2ca3be
```
#2ca3be rgb(44,163,190)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#472cbe
```
#472cbe rgb(71,44,190)
```

Analogous Color

#a3be2c
```
#a3be2c rgb(163,190,44)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#be472c
```
#be472c rgb(190,71,44)
```

Split Complementary Color

#5abe2c
```
#5abe2c rgb(90,190,44)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#be2c5a
```
#be2c5a rgb(190,44,90)
```

Triadic Color

#2cbe90
```
#2cbe90 rgb(44,190,144)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#be2c5a
```
#be2c5a rgb(190,44,90)
```
#be902c
```
#be902c rgb(190,144,44)
```

Tetradic Color

#1e3d80
```
#1e3d80 rgb(30,61,128)
```
#224695
```
#224695 rgb(34,70,149)
```
#2750a9
```
#2750a9 rgb(39,80,169)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#3465d0
```
#3465d0 rgb(52,101,208)
```
#4875d5
```
#4875d5 rgb(72,117,213)
```
#5d84d9
```
#5d84d9 rgb(93,132,217)
```

Monochromatic Color

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

#2c7fbe
```
#2c7fbe rgb(44,127,190)
```
#2c72be
```
#2c72be rgb(44,114,190)
```
#2c66be
```
#2c66be rgb(44,102,190)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#2c4ebe
```
#2c4ebe rgb(44,78,190)
```
#2c42be
```
#2c42be rgb(44,66,190)
```
#2c36be
```
#2c36be rgb(44,54,190)
```

Similar Colors

Text with hexadecimal color #2c5abe

This text has a font color of #2c5abe.

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

#2c5abe background color

This paragraph has a background color of #2c5abe.

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

#2c5abe border color

This element has a border color of #2c5abe.

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

CSS codes

.text {color:#2c5abe;}

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

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

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, #03070f is the darkest color, while #fefeff is the lightest one.

#03070f
```
#03070f rgb(3,7,15)
```
#070f1f
```
#070f1f rgb(7,15,31)
```
#0b162f
```
#0b162f rgb(11,22,47)
```
#0e1e3f
```
#0e1e3f rgb(14,30,63)
```
#12254f
```
#12254f rgb(18,37,79)
```
#162d5e
```
#162d5e rgb(22,45,94)
```
#1a346e
```
#1a346e rgb(26,52,110)
```
#1d3c7e
```
#1d3c7e rgb(29,60,126)
```
#21438e
```
#21438e rgb(33,67,142)
```
#254b9e
```
#254b9e rgb(37,75,158)
```
#2852ae
```
#2852ae rgb(40,82,174)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#3062ce
```
#3062ce rgb(48,98,206)
```

Shade Color Variation

#3f6dd2
```
#3f6dd2 rgb(63,109,210)
```
#4f79d6
```
#4f79d6 rgb(79,121,214)
```
#5f85da
```
#5f85da rgb(95,133,218)
```
#6f92de
```
#6f92de rgb(111,146,222)
```
#7e9ee1
```
#7e9ee1 rgb(126,158,225)
```
#8eaae5
```
#8eaae5 rgb(142,170,229)
```
#9eb6e9
```
#9eb6e9 rgb(158,182,233)
```
#aec2ec
```
#aec2ec rgb(174,194,236)
```
#becef0
```
#becef0 rgb(190,206,240)
```
#cedaf4
```
#cedaf4 rgb(206,218,244)
```
#dee6f7
```
#dee6f7 rgb(222,230,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747576 is the less saturated color, while #084de2 is the most saturated one.

#747576
```
#747576 rgb(116,117,118)
```
#6b717f
```
#6b717f rgb(107,113,127)
```
#626e88
```
#626e88 rgb(98,110,136)
```
#596b91
```
#596b91 rgb(89,107,145)
```
#50679a
```
#50679a rgb(80,103,154)
```
#4764a3
```
#4764a3 rgb(71,100,163)
```
#3e61ac
```
#3e61ac rgb(62,97,172)
```
#355db5
```
#355db5 rgb(53,93,181)
```
#2c5abe
```
#2c5abe rgb(44,90,190)
```
#2357c7
```
#2357c7 rgb(35,87,199)
```
#1a53d0
```
#1a53d0 rgb(26,83,208)
```
#1150d9
```
#1150d9 rgb(17,80,217)
```
#084de2
```
#084de2 rgb(8,77,226)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f586c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1964c3 Protanopia 1% of men
#0069ad Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#2060c1 Protanomaly 1% of men, 0.01% of women
#1064b3 Deuteranomaly 6% of men, 0.4% of women
#106992 Tritanomaly 0.01% of the population

#2c5abe hex color

#2c5abe Color Information

#2c5abe Color Conversion

Color Schemes with #2c5abe

Alternatives to #2c5abe

#2c5abe Preview

Shades and Tints of #2c5abe

Tones of #2c5abe

Color Blindness Simulator