#2870ed hex color

In a RGB color space, hex #2870ed is composed of 15.7% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 52.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 218.1 degrees, a saturation of 84.5% and a lightness of 54.3%. #2870ed color hex could be obtained by blending #50e0ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 44
- B 93
RGB color chart
- C 83
- M 53
- Y 0
- K 7
CMYK color chart

● #2870ed color description : Bright blue.

The hexadecimal color #2870ed has RGB values of R:40, G:112, B:237 and CMYK values of C:0.83, M:0.53, Y:0, K:0.07. Its decimal value is 2650349.

Hex triplet	2870ed	`#2870ed`
RGB Decimal	40, 112, 237	`rgb(40,112,237)`
RGB Percent	15.7, 43.9, 92.9	`rgb(15.7%,43.9%,92.9%)`
CMYK	83, 53, 0, 7
HSL	218.1°, 84.5, 54.3	`hsl(218.1,84.5%,54.3%)`
HSV (or HSB)	218.1°, 83.1, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.68, 23.668, -69.062
XYZ	21.952, 18.152, 82.463
xyY	0.179, 0.148, 18.152
CIE-LCH	49.68, 73.005, 288.917
CIE-LUV	49.68, -23.069, -107.666
Hunter-Lab	42.605, 17.411, -84.933
Binary	00101000, 01110000, 11101101

#2870ed
```
#2870ed rgb(40,112,237)
```
#eda528
```
#eda528 rgb(237,165,40)
```

Complementary Color

#28d3ed
```
#28d3ed rgb(40,211,237)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#4328ed
```
#4328ed rgb(67,40,237)
```

Analogous Color

#d3ed28
```
#d3ed28 rgb(211,237,40)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#ed4228
```
#ed4228 rgb(237,66,40)
```

Split Complementary Color

#70ed28
```
#70ed28 rgb(112,237,40)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#ed2870
```
#ed2870 rgb(237,40,112)
```

Triadic Color

#28eda5
```
#28eda5 rgb(40,237,165)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#ed2870
```
#ed2870 rgb(237,40,112)
```
#eda528
```
#eda528 rgb(237,165,40)
```

Tetradic Color

#0f4db9
```
#0f4db9 rgb(15,77,185)
```
#1157d1
```
#1157d1 rgb(17,87,209)
```
#1361e8
```
#1361e8 rgb(19,97,232)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#4080ef
```
#4080ef rgb(64,128,239)
```
#578ff1
```
#578ff1 rgb(87,143,241)
```
#6f9ff3
```
#6f9ff3 rgb(111,159,243)
```

Monochromatic Color

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

#28a1ed
```
#28a1ed rgb(40,161,237)
```
#2891ed
```
#2891ed rgb(40,145,237)
```
#2880ed
```
#2880ed rgb(40,128,237)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#2860ed
```
#2860ed rgb(40,96,237)
```
#284fed
```
#284fed rgb(40,79,237)
```
#283fed
```
#283fed rgb(40,63,237)
```

Similar Colors

Text with hexadecimal color #2870ed

This text has a font color of #2870ed.

<span style="color:#2870ed;">Text here</span>

#2870ed background color

This paragraph has a background color of #2870ed.

<p style="background-color:#2870ed;">Content here</p>

#2870ed border color

This element has a border color of #2870ed.

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

CSS codes

.text {color:#2870ed;}

.background {background-color:#2870ed;}

.border {border:1px solid #2870ed;}

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

#000102
```
#000102 rgb(0,1,2)
```
#020814
```
#020814 rgb(2,8,20)
```
#031026
```
#031026 rgb(3,16,38)
```
#051839
```
#051839 rgb(5,24,57)
```
#061f4b
```
#061f4b rgb(6,31,75)
```
#08275d
```
#08275d rgb(8,39,93)
```
#092e6f
```
#092e6f rgb(9,46,111)
```
#0b3681
```
#0b3681 rgb(11,54,129)
```
#0c3e93
```
#0c3e93 rgb(12,62,147)
```
#0e45a5
```
#0e45a5 rgb(14,69,165)
```
#0f4db7
```
#0f4db7 rgb(15,77,183)
```
#1154c9
```
#1154c9 rgb(17,84,201)
```
#125cdb
```
#125cdb rgb(18,92,219)
```

Shade Color Variation

#1664eb
```
#1664eb rgb(22,100,235)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#3a7cef
```
#3a7cef rgb(58,124,239)
```
#4c88f0
```
#4c88f0 rgb(76,136,240)
```
#5e94f2
```
#5e94f2 rgb(94,148,242)
```
#70a0f3
```
#70a0f3 rgb(112,160,243)
```
#83acf5
```
#83acf5 rgb(131,172,245)
```
#95b8f6
```
#95b8f6 rgb(149,184,246)
```
#a7c4f8
```
#a7c4f8 rgb(167,196,248)
```
#b9d0f9
```
#b9d0f9 rgb(185,208,249)
```
#cbdcfb
```
#cbdcfb rgb(203,220,251)
```
#dde8fc
```
#dde8fc rgb(221,232,252)
```
#eff4fe
```
#eff4fe rgb(239,244,254)
```

Tint Color Variation

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

#828893
```
#828893 rgb(130,136,147)
```
#79869c
```
#79869c rgb(121,134,156)
```
#7083a5
```
#7083a5 rgb(112,131,165)
```
#6781ae
```
#6781ae rgb(103,129,174)
```
#5e7eb7
```
#5e7eb7 rgb(94,126,183)
```
#557cc0
```
#557cc0 rgb(85,124,192)
```
#4c7ac9
```
#4c7ac9 rgb(76,122,201)
```
#4377d2
```
#4377d2 rgb(67,119,210)
```
#3a75db
```
#3a75db rgb(58,117,219)
```
#3172e4
```
#3172e4 rgb(49,114,228)
```
#2870ed
```
#2870ed rgb(40,112,237)
```
#1f6ef6
```
#1f6ef6 rgb(31,110,246)
```
#166bff
```
#166bff rgb(22,107,255)
```

Tone Color Variation

Below, you can see how #2870ed 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

#696969 Achromatopsia 0.005% of the population
#5c6a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#0e75ed Protanomaly 1% of men, 0.01% of women
#0e7adb Deuteranomaly 6% of men, 0.4% of women
#0e80b2 Tritanomaly 0.01% of the population

#2870ed hex color

#2870ed Color Information

#2870ed Color Conversion

Color Schemes with #2870ed

Alternatives to #2870ed

#2870ed Preview

Shades and Tints of #2870ed

Tones of #2870ed

Color Blindness Simulator