#2860e2 hex color

In a RGB color space, hex #2860e2 is composed of 15.7% red, 37.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 57.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 221.9 degrees, a saturation of 76.2% and a lightness of 52.2%. #2860e2 color hex could be obtained by blending #50c0ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 38
- B 89
RGB color chart
- C 82
- M 58
- Y 0
- K 11
CMYK color chart

● #2860e2 color description : Bright blue.

The hexadecimal color #2860e2 has RGB values of R:40, G:96, B:226 and CMYK values of C:0.82, M:0.58, Y:0, K:0.11. Its decimal value is 2646242.

Hex triplet	2860e2	`#2860e2`
RGB Decimal	40, 96, 226	`rgb(40,96,226)`
RGB Percent	15.7, 37.6, 88.6	`rgb(15.7%,37.6%,88.6%)`
CMYK	82, 58, 0, 11
HSL	221.9°, 76.2, 52.2	`hsl(221.9,76.2%,52.2%)`
HSV (or HSB)	221.9°, 82.3, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.669, 29.729, -71.016
XYZ	18.782, 14.306, 73.719
xyY	0.176, 0.134, 14.306
CIE-LCH	44.669, 76.988, 292.715
CIE-LUV	44.669, -18.902, -107.466
Hunter-Lab	37.824, 22.448, -89.08
Binary	00101000, 01100000, 11100010

#2860e2
```
#2860e2 rgb(40,96,226)
```
#e2aa28
```
#e2aa28 rgb(226,170,40)
```

Complementary Color

#28bde2
```
#28bde2 rgb(40,189,226)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#4d28e2
```
#4d28e2 rgb(77,40,226)
```

Analogous Color

#bde228
```
#bde228 rgb(189,226,40)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#e24d28
```
#e24d28 rgb(226,77,40)
```

Split Complementary Color

#60e228
```
#60e228 rgb(96,226,40)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#e22860
```
#e22860 rgb(226,40,96)
```

Triadic Color

#28e2aa
```
#28e2aa rgb(40,226,170)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#e22860
```
#e22860 rgb(226,40,96)
```
#e2aa28
```
#e2aa28 rgb(226,170,40)
```

Tetradic Color

#1742a7
```
#1742a7 rgb(23,66,167)
```
#1a4bbd
```
#1a4bbd rgb(26,75,189)
```
#1d54d4
```
#1d54d4 rgb(29,84,212)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#3e71e5
```
#3e71e5 rgb(62,113,229)
```
#5581e8
```
#5581e8 rgb(85,129,232)
```
#6b92eb
```
#6b92eb rgb(107,146,235)
```

Monochromatic Color

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

#288fe2
```
#288fe2 rgb(40,143,226)
```
#287fe2
```
#287fe2 rgb(40,127,226)
```
#2870e2
```
#2870e2 rgb(40,112,226)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#2851e2
```
#2851e2 rgb(40,81,226)
```
#2841e2
```
#2841e2 rgb(40,65,226)
```
#2832e2
```
#2832e2 rgb(40,50,226)
```

Similar Colors

Text with hexadecimal color #2860e2

This text has a font color of #2860e2.

<span style="color:#2860e2;">Text here</span>

#2860e2 background color

This paragraph has a background color of #2860e2.

<p style="background-color:#2860e2;">Content here</p>

#2860e2 border color

This element has a border color of #2860e2.

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

CSS codes

.text {color:#2860e2;}

.background {background-color:#2860e2;}

.border {border:1px solid #2860e2;}

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, #01040a is the darkest color, while #f7f9fe is the lightest one.

#01040a
```
#01040a rgb(1,4,10)
```
#040b1b
```
#040b1b rgb(4,11,27)
```
#06112c
```
#06112c rgb(6,17,44)
```
#08183e
```
#08183e rgb(8,24,62)
```
#0b1f4f
```
#0b1f4f rgb(11,31,79)
```
#0d2660
```
#0d2660 rgb(13,38,96)
```
#0f2d71
```
#0f2d71 rgb(15,45,113)
```
#123483
```
#123483 rgb(18,52,131)
```
#143a94
```
#143a94 rgb(20,58,148)
```
#1641a5
```
#1641a5 rgb(22,65,165)
```
#1948b7
```
#1948b7 rgb(25,72,183)
```
#1b4fc8
```
#1b4fc8 rgb(27,79,200)
```
#1d56d9
```
#1d56d9 rgb(29,86,217)
```

Shade Color Variation

#2860e2
```
#2860e2 rgb(40,96,226)
```
#396de4
```
#396de4 rgb(57,109,228)
```
#4b7ae7
```
#4b7ae7 rgb(75,122,231)
```
#5c86e9
```
#5c86e9 rgb(92,134,233)
```
#6d93eb
```
#6d93eb rgb(109,147,235)
```
#7ea0ee
```
#7ea0ee rgb(126,160,238)
```
#90adf0
```
#90adf0 rgb(144,173,240)
```
#a1b9f2
```
#a1b9f2 rgb(161,185,242)
```
#b2c6f5
```
#b2c6f5 rgb(178,198,245)
```
#c4d3f7
```
#c4d3f7 rgb(196,211,247)
```
#d5e0f9
```
#d5e0f9 rgb(213,224,249)
```
#e6edfc
```
#e6edfc rgb(230,237,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#7c828e
```
#7c828e rgb(124,130,142)
```
#737e97
```
#737e97 rgb(115,126,151)
```
#6a7aa0
```
#6a7aa0 rgb(106,122,160)
```
#6076aa
```
#6076aa rgb(96,118,170)
```
#5773b3
```
#5773b3 rgb(87,115,179)
```
#4e6fbc
```
#4e6fbc rgb(78,111,188)
```
#446bc6
```
#446bc6 rgb(68,107,198)
```
#3b67cf
```
#3b67cf rgb(59,103,207)
```
#3164d9
```
#3164d9 rgb(49,100,217)
```
#2860e2
```
#2860e2 rgb(40,96,226)
```
#1f5ceb
```
#1f5ceb rgb(31,92,235)
```
#1559f5
```
#1559f5 rgb(21,89,245)
```
#0c55fe
```
#0c55fe rgb(12,85,254)
```

Tone Color Variation

Below, you can see how #2860e2 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

#5e5e5e Achromatopsia 0.005% of the population
#535e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0e68db Protanomaly 1% of men, 0.01% of women
#0e6cc9 Deuteranomaly 6% of men, 0.4% of women
#0e72a5 Tritanomaly 0.01% of the population

#2860e2 hex color

#2860e2 Color Information

#2860e2 Color Conversion

Color Schemes with #2860e2

Alternatives to #2860e2

#2860e2 Preview

Shades and Tints of #2860e2

Tones of #2860e2

Color Blindness Simulator