#2860fd hex color

In a RGB color space, hex #2860fd is composed of 15.7% red, 37.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 62.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.2 degrees, a saturation of 98.2% and a lightness of 57.5%. #2860fd color hex could be obtained by blending #50c0ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 38
- B 99
RGB color chart
- C 84
- M 62
- Y 0
- K 1
CMYK color chart

● #2860fd color description : Bright blue.

The hexadecimal color #2860fd has RGB values of R:40, G:96, B:253 and CMYK values of C:0.84, M:0.62, Y:0, K:0.01. Its decimal value is 2646269.

Hex triplet	2860fd	`#2860fd`
RGB Decimal	40, 96, 253	`rgb(40,96,253)`
RGB Percent	15.7, 37.6, 99.2	`rgb(15.7%,37.6%,99.2%)`
CMYK	84, 62, 0, 1
HSL	224.2°, 98.2, 57.5	`hsl(224.2,98.2%,57.5%)`
HSV (or HSB)	224.2°, 84.2, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.852, 39.684, -82.606
XYZ	22.784, 15.907, 94.793
xyY	0.171, 0.119, 15.907
CIE-LCH	46.852, 91.643, 295.66
CIE-LUV	46.852, -18.792, -125.483
Hunter-Lab	39.883, 32.174, -112.998
Binary	00101000, 01100000, 11111101

#2860fd
```
#2860fd rgb(40,96,253)
```
#fdc528
```
#fdc528 rgb(253,197,40)
```

Complementary Color

#28cbfd
```
#28cbfd rgb(40,203,253)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#5a28fd
```
#5a28fd rgb(90,40,253)
```

Analogous Color

#cbfd28
```
#cbfd28 rgb(203,253,40)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#fd5b28
```
#fd5b28 rgb(253,91,40)
```

Split Complementary Color

#60fd28
```
#60fd28 rgb(96,253,40)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#fd2860
```
#fd2860 rgb(253,40,96)
```

Triadic Color

#28fdc5
```
#28fdc5 rgb(40,253,197)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#fd2860
```
#fd2860 rgb(253,40,96)
```
#fdc528
```
#fdc528 rgb(253,197,40)
```

Tetradic Color

#023ad7
```
#023ad7 rgb(2,58,215)
```
#0241f0
```
#0241f0 rgb(2,65,240)
```
#0f4dfd
```
#0f4dfd rgb(15,77,253)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#4173fd
```
#4173fd rgb(65,115,253)
```
#5b85fd
```
#5b85fd rgb(91,133,253)
```
#7498fe
```
#7498fe rgb(116,152,254)
```

Monochromatic Color

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

#2895fd
```
#2895fd rgb(40,149,253)
```
#2884fd
```
#2884fd rgb(40,132,253)
```
#2872fd
```
#2872fd rgb(40,114,253)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#284efd
```
#284efd rgb(40,78,253)
```
#283dfd
```
#283dfd rgb(40,61,253)
```
#282bfd
```
#282bfd rgb(40,43,253)
```

Similar Colors

Text with hexadecimal color #2860fd

This text has a font color of #2860fd.

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

#2860fd background color

This paragraph has a background color of #2860fd.

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

#2860fd border color

This element has a border color of #2860fd.

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

CSS codes

.text {color:#2860fd;}

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

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

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

#000512
```
#000512 rgb(0,5,18)
```
#000a26
```
#000a26 rgb(0,10,38)
```
#010f39
```
#010f39 rgb(1,15,57)
```
#01154d
```
#01154d rgb(1,21,77)
```
#011a60
```
#011a60 rgb(1,26,96)
```
#011f73
```
#011f73 rgb(1,31,115)
```
#012487
```
#012487 rgb(1,36,135)
```
#012a9a
```
#012a9a rgb(1,42,154)
```
#022fae
```
#022fae rgb(2,47,174)
```
#0234c1
```
#0234c1 rgb(2,52,193)
```
#0239d5
```
#0239d5 rgb(2,57,213)
```
#023fe8
```
#023fe8 rgb(2,63,232)
```
#0244fb
```
#0244fb rgb(2,68,251)
```

Shade Color Variation

#1552fd
```
#1552fd rgb(21,82,253)
```
#2860fd
```
#2860fd rgb(40,96,253)
```
#3b6efd
```
#3b6efd rgb(59,110,253)
```
#4f7dfd
```
#4f7dfd rgb(79,125,253)
```
#628bfe
```
#628bfe rgb(98,139,254)
```
#7699fe
```
#7699fe rgb(118,153,254)
```
#89a8fe
```
#89a8fe rgb(137,168,254)
```
#9db6fe
```
#9db6fe rgb(157,182,254)
```
#b0c5fe
```
#b0c5fe rgb(176,197,254)
```
#c3d3fe
```
#c3d3fe rgb(195,211,254)
```
#d7e1ff
```
#d7e1ff rgb(215,225,255)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8f99 is the less saturated color, while #2860fd is the most saturated one.

#8c8f99
```
#8c8f99 rgb(140,143,153)
```
#848ca1
```
#848ca1 rgb(132,140,161)
```
#7b88aa
```
#7b88aa rgb(123,136,170)
```
#7384b2
```
#7384b2 rgb(115,132,178)
```
#6b80ba
```
#6b80ba rgb(107,128,186)
```
#627cc3
```
#627cc3 rgb(98,124,195)
```
#5a78cb
```
#5a78cb rgb(90,120,203)
```
#5274d3
```
#5274d3 rgb(82,116,211)
```
#4970dc
```
#4970dc rgb(73,112,220)
```
#416ce4
```
#416ce4 rgb(65,108,228)
```
#3968ec
```
#3968ec rgb(57,104,236)
```
#3064f5
```
#3064f5 rgb(48,100,245)
```
#2860fd
```
#2860fd rgb(40,96,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#566180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#0e6cea Protanomaly 1% of men, 0.01% of women
#0e70d8 Deuteranomaly 6% of men, 0.4% of women
#0e75b3 Tritanomaly 0.01% of the population

#2860fd hex color

#2860fd Color Information

#2860fd Color Conversion

Color Schemes with #2860fd

Alternatives to #2860fd

#2860fd Preview

Shades and Tints of #2860fd

Tones of #2860fd

Color Blindness Simulator