#2c80e5 hex color

In a RGB color space, hex #2c80e5 is composed of 17.3% red, 50.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 44.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 212.8 degrees, a saturation of 78.1% and a lightness of 53.5%. #2c80e5 color hex could be obtained by blending #58ffff with #0001cb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 50
- B 90
RGB color chart
- C 81
- M 44
- Y 0
- K 10
CMYK color chart

● #2c80e5 color description : Bright blue.

The hexadecimal color #2c80e5 has RGB values of R:44, G:128, B:229 and CMYK values of C:0.81, M:0.44, Y:0, K:0.1. Its decimal value is 2916581.

Hex triplet	2c80e5	`#2c80e5`
RGB Decimal	44, 128, 229	`rgb(44,128,229)`
RGB Percent	17.3, 50.2, 89.8	`rgb(17.3%,50.2%,89.8%)`
CMYK	81, 44, 0, 10
HSL	212.8°, 78.1, 53.5	`hsl(212.8,78.1%,53.5%)`
HSV (or HSB)	212.8°, 80.8, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.631, 10.98, -58.203
XYZ	22.898, 21.629, 77.092
xyY	0.188, 0.178, 21.629
CIE-LCH	53.631, 59.23, 280.683
CIE-LUV	53.631, -27.572, -91.966
Hunter-Lab	46.507, 6.496, -65.727
Binary	00101100, 10000000, 11100101

#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#e5912c
```
#e5912c rgb(229,145,44)
```

Complementary Color

#2cdde5
```
#2cdde5 rgb(44,221,229)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#352ce5
```
#352ce5 rgb(53,44,229)
```

Analogous Color

#dde52c
```
#dde52c rgb(221,229,44)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#e5352c
```
#e5352c rgb(229,53,44)
```

Split Complementary Color

#80e52c
```
#80e52c rgb(128,229,44)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#e52c80
```
#e52c80 rgb(229,44,128)
```

Triadic Color

#2ce591
```
#2ce591 rgb(44,229,145)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#e52c80
```
#e52c80 rgb(229,44,128)
```
#e5912c
```
#e5912c rgb(229,145,44)
```

Tetradic Color

#165baf
```
#165baf rgb(22,91,175)
```
#1867c6
```
#1867c6 rgb(24,103,198)
```
#1b73dc
```
#1b73dc rgb(27,115,220)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#438ee8
```
#438ee8 rgb(67,142,232)
```
#599beb
```
#599beb rgb(89,155,235)
```
#70a9ed
```
#70a9ed rgb(112,169,237)
```

Monochromatic Color

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

#2caee5
```
#2caee5 rgb(44,174,229)
```
#2c9fe5
```
#2c9fe5 rgb(44,159,229)
```
#2c8fe5
```
#2c8fe5 rgb(44,143,229)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#2c71e5
```
#2c71e5 rgb(44,113,229)
```
#2c61e5
```
#2c61e5 rgb(44,97,229)
```
#2c52e5
```
#2c52e5 rgb(44,82,229)
```

Similar Colors

Text with hexadecimal color #2c80e5

This text has a font color of #2c80e5.

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

#2c80e5 background color

This paragraph has a background color of #2c80e5.

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

#2c80e5 border color

This element has a border color of #2c80e5.

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

CSS codes

.text {color:#2c80e5;}

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

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

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

#020810
```
#020810 rgb(2,8,16)
```
#041121
```
#041121 rgb(4,17,33)
```
#061b33
```
#061b33 rgb(6,27,51)
```
#082444
```
#082444 rgb(8,36,68)
```
#0b2d56
```
#0b2d56 rgb(11,45,86)
```
#0d3667
```
#0d3667 rgb(13,54,103)
```
#0f3f79
```
#0f3f79 rgb(15,63,121)
```
#11488a
```
#11488a rgb(17,72,138)
```
#13519c
```
#13519c rgb(19,81,156)
```
#155aad
```
#155aad rgb(21,90,173)
```
#1763bf
```
#1763bf rgb(23,99,191)
```
#1a6dd0
```
#1a6dd0 rgb(26,109,208)
```
#1c76e2
```
#1c76e2 rgb(28,118,226)
```

Shade Color Variation

#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#3d8be7
```
#3d8be7 rgb(61,139,231)
```
#4f95e9
```
#4f95e9 rgb(79,149,233)
```
#60a0eb
```
#60a0eb rgb(96,160,235)
```
#72aaee
```
#72aaee rgb(114,170,238)
```
#83b5f0
```
#83b5f0 rgb(131,181,240)
```
#95bff2
```
#95bff2 rgb(149,191,242)
```
#a6caf4
```
#a6caf4 rgb(166,202,244)
```
#b8d4f6
```
#b8d4f6 rgb(184,212,246)
```
#c9dff8
```
#c9dff8 rgb(201,223,248)
```
#dbe9fb
```
#dbe9fb rgb(219,233,251)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87888a is the less saturated color, while #1a7ef7 is the most saturated one.

#87888a
```
#87888a rgb(135,136,138)
```
#7e8893
```
#7e8893 rgb(126,136,147)
```
#75879c
```
#75879c rgb(117,135,156)
```
#6c86a5
```
#6c86a5 rgb(108,134,165)
```
#6385ae
```
#6385ae rgb(99,133,174)
```
#5a84b7
```
#5a84b7 rgb(90,132,183)
```
#5083c1
```
#5083c1 rgb(80,131,193)
```
#4783ca
```
#4783ca rgb(71,131,202)
```
#3e82d3
```
#3e82d3 rgb(62,130,211)
```
#3581dc
```
#3581dc rgb(53,129,220)
```
#2c80e5
```
#2c80e5 rgb(44,128,229)
```
#237fee
```
#237fee rgb(35,127,238)
```
#1a7ef7
```
#1a7ef7 rgb(26,126,247)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#647589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5483e3 Protanopia 1% of men
#0088e4 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#4582e4 Protanomaly 1% of men, 0.01% of women
#1085e4 Deuteranomaly 6% of men, 0.4% of women
#108cb7 Tritanomaly 0.01% of the population

#2c80e5 hex color

#2c80e5 Color Information

#2c80e5 Color Conversion

Color Schemes with #2c80e5

Alternatives to #2c80e5

#2c80e5 Preview

Shades and Tints of #2c80e5

Tones of #2c80e5

Color Blindness Simulator