#2874ea hex color

In a RGB color space, hex #2874ea is composed of 15.7% red, 45.5% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 50.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 216.5 degrees, a saturation of 82.2% and a lightness of 53.7%. #2874ea color hex could be obtained by blending #50e8ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 45
- B 92
RGB color chart
- C 83
- M 50
- Y 0
- K 8
CMYK color chart

● #2874ea color description : Bright blue.

The hexadecimal color #2874ea has RGB values of R:40, G:116, B:234 and CMYK values of C:0.83, M:0.5, Y:0, K:0.08. Its decimal value is 2651370.

Hex triplet	2874ea	`#2874ea`
RGB Decimal	40, 116, 234	`rgb(40,116,234)`
RGB Percent	15.7, 45.5, 91.8	`rgb(15.7%,45.5%,91.8%)`
CMYK	83, 50, 0, 8
HSL	216.5°, 82.2, 53.7	`hsl(216.5,82.2%,53.7%)`
HSV (or HSB)	216.5°, 82.9, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.547, 20.007, -65.977
XYZ	21.968, 18.881, 80.324
xyY	0.181, 0.156, 18.881
CIE-LCH	50.547, 68.944, 286.869
CIE-LUV	50.547, -24.276, -103.3
Hunter-Lab	43.452, 14.206, -79.186
Binary	00101000, 01110100, 11101010

#2874ea
```
#2874ea rgb(40,116,234)
```
#ea9e28
```
#ea9e28 rgb(234,158,40)
```

Complementary Color

#28d5ea
```
#28d5ea rgb(40,213,234)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#3d28ea
```
#3d28ea rgb(61,40,234)
```

Analogous Color

#d5ea28
```
#d5ea28 rgb(213,234,40)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#ea3d28
```
#ea3d28 rgb(234,61,40)
```

Split Complementary Color

#74ea28
```
#74ea28 rgb(116,234,40)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#ea2874
```
#ea2874 rgb(234,40,116)
```

Triadic Color

#28ea9e
```
#28ea9e rgb(40,234,158)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#ea2874
```
#ea2874 rgb(234,40,116)
```
#ea9e28
```
#ea9e28 rgb(234,158,40)
```

Tetradic Color

#1251b4
```
#1251b4 rgb(18,81,180)
```
#145ccb
```
#145ccb rgb(20,92,203)
```
#1666e2
```
#1666e2 rgb(22,102,226)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#3f83ec
```
#3f83ec rgb(63,131,236)
```
#5692ef
```
#5692ef rgb(86,146,239)
```
#6ea1f1
```
#6ea1f1 rgb(110,161,241)
```

Monochromatic Color

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

#28a5ea
```
#28a5ea rgb(40,165,234)
```
#2894ea
```
#2894ea rgb(40,148,234)
```
#2884ea
```
#2884ea rgb(40,132,234)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#2864ea
```
#2864ea rgb(40,100,234)
```
#2854ea
```
#2854ea rgb(40,84,234)
```
#2843ea
```
#2843ea rgb(40,67,234)
```

Similar Colors

Text with hexadecimal color #2874ea

This text has a font color of #2874ea.

<span style="color:#2874ea;">Text here</span>

#2874ea background color

This paragraph has a background color of #2874ea.

<p style="background-color:#2874ea;">Content here</p>

#2874ea border color

This element has a border color of #2874ea.

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

CSS codes

.text {color:#2874ea;}

.background {background-color:#2874ea;}

.border {border:1px solid #2874ea;}

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

#020811
```
#020811 rgb(2,8,17)
```
#031023
```
#031023 rgb(3,16,35)
```
#051835
```
#051835 rgb(5,24,53)
```
#072047
```
#072047 rgb(7,32,71)
```
#092859
```
#092859 rgb(9,40,89)
```
#0a306b
```
#0a306b rgb(10,48,107)
```
#0c387d
```
#0c387d rgb(12,56,125)
```
#0e408e
```
#0e408e rgb(14,64,142)
```
#1048a0
```
#1048a0 rgb(16,72,160)
```
#1150b2
```
#1150b2 rgb(17,80,178)
```
#1358c4
```
#1358c4 rgb(19,88,196)
```
#1560d6
```
#1560d6 rgb(21,96,214)
```
#1769e8
```
#1769e8 rgb(23,105,232)
```

Shade Color Variation

#2874ea
```
#2874ea rgb(40,116,234)
```
#3a80ec
```
#3a80ec rgb(58,128,236)
```
#4c8bed
```
#4c8bed rgb(76,139,237)
```
#5e97ef
```
#5e97ef rgb(94,151,239)
```
#6fa2f1
```
#6fa2f1 rgb(111,162,241)
```
#81aef3
```
#81aef3 rgb(129,174,243)
```
#93b9f4
```
#93b9f4 rgb(147,185,244)
```
#a5c5f6
```
#a5c5f6 rgb(165,197,246)
```
#b7d0f8
```
#b7d0f8 rgb(183,208,248)
```
#c9dcfa
```
#c9dcfa rgb(201,220,250)
```
#dbe8fb
```
#dbe8fb rgb(219,232,251)
```
#edf3fd
```
#edf3fd rgb(237,243,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83888f is the less saturated color, while #1670fc is the most saturated one.

#83888f
```
#83888f rgb(131,136,143)
```
#7a8698
```
#7a8698 rgb(122,134,152)
```
#7184a1
```
#7184a1 rgb(113,132,161)
```
#6882aa
```
#6882aa rgb(104,130,170)
```
#5e80b4
```
#5e80b4 rgb(94,128,180)
```
#557ebd
```
#557ebd rgb(85,126,189)
```
#4c7cc6
```
#4c7cc6 rgb(76,124,198)
```
#437acf
```
#437acf rgb(67,122,207)
```
#3a78d8
```
#3a78d8 rgb(58,120,216)
```
#3176e1
```
#3176e1 rgb(49,118,225)
```
#2874ea
```
#2874ea rgb(40,116,234)
```
#1f72f3
```
#1f72f3 rgb(31,114,243)
```
#1670fc
```
#1670fc rgb(22,112,252)
```

Tone Color Variation

Below, you can see how #2874ea 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

#6b6b6b Achromatopsia 0.005% of the population
#5e6d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e7beb Protanopia 1% of men
#0081d5 Deuteranopia 1% of men
#008b94 Tritanopia 0.001% of the population

Trichromacy

#2c78ea Protanomaly 1% of men, 0.01% of women
#0e7cdc Deuteranomaly 6% of men, 0.4% of women
#0e83b3 Tritanomaly 0.01% of the population

#2874ea hex color

#2874ea Color Information

#2874ea Color Conversion

Color Schemes with #2874ea

Alternatives to #2874ea

#2874ea Preview

Shades and Tints of #2874ea

Tones of #2874ea

Color Blindness Simulator