#2870ec hex color

In a RGB color space, hex #2870ec is composed of 15.7% red, 43.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 52.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 218 degrees, a saturation of 83.8% and a lightness of 54.1%. #2870ec color hex could be obtained by blending #50e0ff with #0000d9. 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

● #2870ec color description : Bright blue.

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

Hex triplet	2870ec	`#2870ec`
RGB Decimal	40, 112, 236	`rgb(40,112,236)`
RGB Percent	15.7, 43.9, 92.5	`rgb(15.7%,43.9%,92.5%)`
CMYK	83, 53, 0, 7
HSL	218°, 83.8, 54.1	`hsl(218,83.8%,54.1%)`
HSV (or HSB)	218°, 83.1, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.61, 23.291, -68.617
XYZ	21.806, 18.094, 81.695
xyY	0.179, 0.149, 18.094
CIE-LCH	49.61, 72.462, 288.749
CIE-LUV	49.61, -23.09, -106.942
Hunter-Lab	42.537, 17.068, -84.096
Binary	00101000, 01110000, 11101100

#2870ec
```
#2870ec rgb(40,112,236)
```
#eca428
```
#eca428 rgb(236,164,40)
```

Complementary Color

#28d2ec
```
#28d2ec rgb(40,210,236)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#4228ec
```
#4228ec rgb(66,40,236)
```

Analogous Color

#d2ec28
```
#d2ec28 rgb(210,236,40)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#ec4228
```
#ec4228 rgb(236,66,40)
```

Split Complementary Color

#70ec28
```
#70ec28 rgb(112,236,40)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#ec2870
```
#ec2870 rgb(236,40,112)
```

Triadic Color

#28eca4
```
#28eca4 rgb(40,236,164)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#ec2870
```
#ec2870 rgb(236,40,112)
```
#eca428
```
#eca428 rgb(236,164,40)
```

Tetradic Color

#104eb7
```
#104eb7 rgb(16,78,183)
```
#1258cf
```
#1258cf rgb(18,88,207)
```
#1461e6
```
#1461e6 rgb(20,97,230)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#3f80ee
```
#3f80ee rgb(63,128,238)
```
#578ff0
```
#578ff0 rgb(87,143,240)
```
#6e9ff2
```
#6e9ff2 rgb(110,159,242)
```

Monochromatic Color

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

#28a1ec
```
#28a1ec rgb(40,161,236)
```
#2891ec
```
#2891ec rgb(40,145,236)
```
#2880ec
```
#2880ec rgb(40,128,236)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#2860ec
```
#2860ec rgb(40,96,236)
```
#284fec
```
#284fec rgb(40,79,236)
```
#283fec
```
#283fec rgb(40,63,236)
```

Similar Colors

Text with hexadecimal color #2870ec

This text has a font color of #2870ec.

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

#2870ec background color

This paragraph has a background color of #2870ec.

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

#2870ec border color

This element has a border color of #2870ec.

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

CSS codes

.text {color:#2870ec;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020813
```
#020813 rgb(2,8,19)
```
#031025
```
#031025 rgb(3,16,37)
```
#051737
```
#051737 rgb(5,23,55)
```
#061f49
```
#061f49 rgb(6,31,73)
```
#08275b
```
#08275b rgb(8,39,91)
```
#0a2e6d
```
#0a2e6d rgb(10,46,109)
```
#0b367f
```
#0b367f rgb(11,54,127)
```
#0d3e91
```
#0d3e91 rgb(13,62,145)
```
#0e45a3
```
#0e45a3 rgb(14,69,163)
```
#104db5
```
#104db5 rgb(16,77,181)
```
#1254c8
```
#1254c8 rgb(18,84,200)
```
#135cda
```
#135cda rgb(19,92,218)
```

Shade Color Variation

#1664ea
```
#1664ea rgb(22,100,234)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#3a7cee
```
#3a7cee rgb(58,124,238)
```
#4c88ef
```
#4c88ef rgb(76,136,239)
```
#5e94f1
```
#5e94f1 rgb(94,148,241)
```
#70a0f2
```
#70a0f2 rgb(112,160,242)
```
#82acf4
```
#82acf4 rgb(130,172,244)
```
#94b8f6
```
#94b8f6 rgb(148,184,246)
```
#a6c4f7
```
#a6c4f7 rgb(166,196,247)
```
#b8d0f9
```
#b8d0f9 rgb(184,208,249)
```
#cadcfa
```
#cadcfa rgb(202,220,250)
```
#dce8fc
```
#dce8fc rgb(220,232,252)
```
#eef4fe
```
#eef4fe rgb(238,244,254)
```

Tint Color Variation

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

#828892
```
#828892 rgb(130,136,146)
```
#79859b
```
#79859b rgb(121,133,155)
```
#7083a4
```
#7083a4 rgb(112,131,164)
```
#6781ad
```
#6781ad rgb(103,129,173)
```
#5e7eb6
```
#5e7eb6 rgb(94,126,182)
```
#557cbf
```
#557cbf rgb(85,124,191)
```
#4c7ac8
```
#4c7ac8 rgb(76,122,200)
```
#4377d1
```
#4377d1 rgb(67,119,209)
```
#3a75da
```
#3a75da rgb(58,117,218)
```
#3172e3
```
#3172e3 rgb(49,114,227)
```
#2870ec
```
#2870ec rgb(40,112,236)
```
#1f6ef5
```
#1f6ef5 rgb(31,110,245)
```
#166bfe
```
#166bfe rgb(22,107,254)
```

Tone Color Variation

Below, you can see how #2870ec 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
#007fd0 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

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

#2870ec hex color

#2870ec Color Information

#2870ec Color Conversion

Color Schemes with #2870ec

Alternatives to #2870ec

#2870ec Preview

Shades and Tints of #2870ec

Tones of #2870ec

Color Blindness Simulator