#2881e0 hex color

In a RGB color space, hex #2881e0 is composed of 15.7% red, 50.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 42.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 211 degrees, a saturation of 74.8% and a lightness of 51.8%. #2881e0 color hex could be obtained by blending #50ffff with #0003c1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 51
- B 88
RGB color chart
- C 82
- M 42
- Y 0
- K 12
CMYK color chart

● #2881e0 color description : Bright blue.

The hexadecimal color #2881e0 has RGB values of R:40, G:129, B:224 and CMYK values of C:0.82, M:0.42, Y:0, K:0.12. Its decimal value is 2654688.

Hex triplet	2881e0	`#2881e0`
RGB Decimal	40, 129, 224	`rgb(40,129,224)`
RGB Percent	15.7, 50.6, 87.8	`rgb(15.7%,50.6%,87.8%)`
CMYK	82, 42, 0, 12
HSL	211°, 74.8, 51.8	`hsl(211,74.8%,51.8%)`
HSV (or HSB)	211°, 82.1, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.526, 8.132, -55.574
XYZ	22.177, 21.532, 73.504
xyY	0.189, 0.184, 21.532
CIE-LCH	53.526, 56.166, 278.325
CIE-LUV	53.526, -28.544, -87.507
Hunter-Lab	46.402, 4.106, -61.438
Binary	00101000, 10000001, 11100000

#2881e0
```
#2881e0 rgb(40,129,224)
```
#e08728
```
#e08728 rgb(224,135,40)
```

Complementary Color

#28dde0
```
#28dde0 rgb(40,221,224)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#2b28e0
```
#2b28e0 rgb(43,40,224)
```

Analogous Color

#dde028
```
#dde028 rgb(221,224,40)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#e02b28
```
#e02b28 rgb(224,43,40)
```

Split Complementary Color

#81e028
```
#81e028 rgb(129,224,40)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#e02881
```
#e02881 rgb(224,40,129)
```

Triadic Color

#28e087
```
#28e087 rgb(40,224,135)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#e02881
```
#e02881 rgb(224,40,129)
```
#e08728
```
#e08728 rgb(224,135,40)
```

Tetradic Color

#185ba4
```
#185ba4 rgb(24,91,164)
```
#1b68ba
```
#1b68ba rgb(27,104,186)
```
#1e74d0
```
#1e74d0 rgb(30,116,208)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#3e8ee3
```
#3e8ee3 rgb(62,142,227)
```
#559be6
```
#559be6 rgb(85,155,230)
```
#6ba8ea
```
#6ba8ea rgb(107,168,234)
```

Monochromatic Color

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

#28afe0
```
#28afe0 rgb(40,175,224)
```
#28a0e0
```
#28a0e0 rgb(40,160,224)
```
#2890e0
```
#2890e0 rgb(40,144,224)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#2872e0
```
#2872e0 rgb(40,114,224)
```
#2862e0
```
#2862e0 rgb(40,98,224)
```
#2853e0
```
#2853e0 rgb(40,83,224)
```

Similar Colors

Text with hexadecimal color #2881e0

This text has a font color of #2881e0.

<span style="color:#2881e0;">Text here</span>

#2881e0 background color

This paragraph has a background color of #2881e0.

<p style="background-color:#2881e0;">Content here</p>

#2881e0 border color

This element has a border color of #2881e0.

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

CSS codes

.text {color:#2881e0;}

.background {background-color:#2881e0;}

.border {border:1px solid #2881e0;}

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

#010408
```
#010408 rgb(1,4,8)
```
#040e19
```
#040e19 rgb(4,14,25)
```
#06182a
```
#06182a rgb(6,24,42)
```
#09213b
```
#09213b rgb(9,33,59)
```
#0b2b4c
```
#0b2b4c rgb(11,43,76)
```
#0d345e
```
#0d345e rgb(13,52,94)
```
#103e6f
```
#103e6f rgb(16,62,111)
```
#124780
```
#124780 rgb(18,71,128)
```
#155191
```
#155191 rgb(21,81,145)
```
#175ba2
```
#175ba2 rgb(23,91,162)
```
#1a64b3
```
#1a64b3 rgb(26,100,179)
```
#1c6ec4
```
#1c6ec4 rgb(28,110,196)
```
#1f77d6
```
#1f77d6 rgb(31,119,214)
```

Shade Color Variation

#2881e0
```
#2881e0 rgb(40,129,224)
```
#398be2
```
#398be2 rgb(57,139,226)
```
#4a95e5
```
#4a95e5 rgb(74,149,229)
```
#5b9fe7
```
#5b9fe7 rgb(91,159,231)
```
#6da9ea
```
#6da9ea rgb(109,169,234)
```
#7eb3ec
```
#7eb3ec rgb(126,179,236)
```
#8fbdef
```
#8fbdef rgb(143,189,239)
```
#a0c7f1
```
#a0c7f1 rgb(160,199,241)
```
#b1d1f4
```
#b1d1f4 rgb(177,209,244)
```
#c2dbf6
```
#c2dbf6 rgb(194,219,246)
```
#d3e5f9
```
#d3e5f9 rgb(211,229,249)
```
#e5f0fb
```
#e5f0fb rgb(229,240,251)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d848b is the less saturated color, while #0c80fc is the most saturated one.

#7d848b
```
#7d848b rgb(125,132,139)
```
#748394
```
#748394 rgb(116,131,148)
```
#6a839e
```
#6a839e rgb(106,131,158)
```
#6183a7
```
#6183a7 rgb(97,131,167)
```
#5783b1
```
#5783b1 rgb(87,131,177)
```
#4e82ba
```
#4e82ba rgb(78,130,186)
```
#4482c4
```
#4482c4 rgb(68,130,196)
```
#3b82cd
```
#3b82cd rgb(59,130,205)
```
#3181d7
```
#3181d7 rgb(49,129,215)
```
#2881e0
```
#2881e0 rgb(40,129,224)
```
#1f81e9
```
#1f81e9 rgb(31,129,233)
```
#1580f3
```
#1580f3 rgb(21,128,243)
```
#0c80fc
```
#0c80fc rgb(12,128,252)
```

Tone Color Variation

Below, you can see how #2881e0 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

#717171 Achromatopsia 0.005% of the population
#627487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5983de Protanopia 1% of men
#2788e1 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#4782de Protanomaly 1% of men, 0.01% of women
#2785e0 Deuteranomaly 6% of men, 0.4% of women
#0e8cb5 Tritanomaly 0.01% of the population

#2881e0 hex color

#2881e0 Color Information

#2881e0 Color Conversion

Color Schemes with #2881e0

Alternatives to #2881e0

#2881e0 Preview

Shades and Tints of #2881e0

Tones of #2881e0

Color Blindness Simulator