#2886fd hex color

In a RGB color space, hex #2886fd is composed of 15.7% red, 52.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 47% magenta, 0% yellow and 0.8% black. It has a hue angle of 213.5 degrees, a saturation of 98.2% and a lightness of 57.5%. #2886fd color hex could be obtained by blending #50ffff with #000dfb. Closest websafe color is: #3399ff.

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

● #2886fd color description : Bright blue.

The hexadecimal color #2886fd has RGB values of R:40, G:134, B:253 and CMYK values of C:0.84, M:0.47, Y:0, K:0.01. Its decimal value is 2655997.

Hex triplet	2886fd	`#2886fd`
RGB Decimal	40, 134, 253	`rgb(40,134,253)`
RGB Percent	15.7, 52.5, 99.2	`rgb(15.7%,52.5%,99.2%)`
CMYK	84, 47, 0, 1
HSL	213.5°, 98.2, 57.5	`hsl(213.5,98.2%,57.5%)`
HSV (or HSB)	213.5°, 84.2, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.675, 15.941, -66.637
XYZ	27.126, 24.591, 96.24
xyY	0.183, 0.166, 24.591
CIE-LCH	56.675, 68.518, 283.454
CIE-LUV	56.675, -29.009, -106.911
Hunter-Lab	49.589, 10.86, -80.354
Binary	00101000, 10000110, 11111101

#2886fd
```
#2886fd rgb(40,134,253)
```
#fd9f28
```
#fd9f28 rgb(253,159,40)
```

Complementary Color

#28f1fd
```
#28f1fd rgb(40,241,253)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#3528fd
```
#3528fd rgb(53,40,253)
```

Analogous Color

#f1fd28
```
#f1fd28 rgb(241,253,40)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#fd3528
```
#fd3528 rgb(253,53,40)
```

Split Complementary Color

#86fd28
```
#86fd28 rgb(134,253,40)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#fd2886
```
#fd2886 rgb(253,40,134)
```

Triadic Color

#28fd9f
```
#28fd9f rgb(40,253,159)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#fd2886
```
#fd2886 rgb(253,40,134)
```
#fd9f28
```
#fd9f28 rgb(253,159,40)
```

Tetradic Color

#0260d7
```
#0260d7 rgb(2,96,215)
```
#026bf0
```
#026bf0 rgb(2,107,240)
```
#0f78fd
```
#0f78fd rgb(15,120,253)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#4194fd
```
#4194fd rgb(65,148,253)
```
#5ba2fd
```
#5ba2fd rgb(91,162,253)
```
#74b1fe
```
#74b1fe rgb(116,177,254)
```

Monochromatic Color

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

#28bbfd
```
#28bbfd rgb(40,187,253)
```
#28aafd
```
#28aafd rgb(40,170,253)
```
#2898fd
```
#2898fd rgb(40,152,253)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#2874fd
```
#2874fd rgb(40,116,253)
```
#2863fd
```
#2863fd rgb(40,99,253)
```
#2851fd
```
#2851fd rgb(40,81,253)
```

Similar Colors

Text with hexadecimal color #2886fd

This text has a font color of #2886fd.

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

#2886fd background color

This paragraph has a background color of #2886fd.

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

#2886fd border color

This element has a border color of #2886fd.

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

CSS codes

.text {color:#2886fd;}

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

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

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

#000812
```
#000812 rgb(0,8,18)
```
#001126
```
#001126 rgb(0,17,38)
```
#011939
```
#011939 rgb(1,25,57)
```
#01224d
```
#01224d rgb(1,34,77)
```
#012b60
```
#012b60 rgb(1,43,96)
```
#013473
```
#013473 rgb(1,52,115)
```
#013c87
```
#013c87 rgb(1,60,135)
```
#01459a
```
#01459a rgb(1,69,154)
```
#024eae
```
#024eae rgb(2,78,174)
```
#0256c1
```
#0256c1 rgb(2,86,193)
```
#025fd5
```
#025fd5 rgb(2,95,213)
```
#0268e8
```
#0268e8 rgb(2,104,232)
```
#0270fb
```
#0270fb rgb(2,112,251)
```

Shade Color Variation

#157bfd
```
#157bfd rgb(21,123,253)
```
#2886fd
```
#2886fd rgb(40,134,253)
```
#3b91fd
```
#3b91fd rgb(59,145,253)
```
#4f9cfd
```
#4f9cfd rgb(79,156,253)
```
#62a7fe
```
#62a7fe rgb(98,167,254)
```
#76b2fe
```
#76b2fe rgb(118,178,254)
```
#89bdfe
```
#89bdfe rgb(137,189,254)
```
#9dc8fe
```
#9dc8fe rgb(157,200,254)
```
#b0d3fe
```
#b0d3fe rgb(176,211,254)
```
#c3defe
```
#c3defe rgb(195,222,254)
```
#d7e8ff
```
#d7e8ff rgb(215,232,255)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8c9299
```
#8c9299 rgb(140,146,153)
```
#8491a1
```
#8491a1 rgb(132,145,161)
```
#7b90aa
```
#7b90aa rgb(123,144,170)
```
#738fb2
```
#738fb2 rgb(115,143,178)
```
#6b8eba
```
#6b8eba rgb(107,142,186)
```
#628dc3
```
#628dc3 rgb(98,141,195)
```
#5a8ccb
```
#5a8ccb rgb(90,140,203)
```
#528bd3
```
#528bd3 rgb(82,139,211)
```
#498adc
```
#498adc rgb(73,138,220)
```
#4189e4
```
#4189e4 rgb(65,137,228)
```
#3988ec
```
#3988ec rgb(57,136,236)
```
#3087f5
```
#3087f5 rgb(48,135,245)
```
#2886fd
```
#2886fd rgb(40,134,253)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#677a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8afb Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#3d88fb Protanomaly 1% of men, 0.01% of women
#0e8cf4 Deuteranomaly 6% of men, 0.4% of women
#0e94c5 Tritanomaly 0.01% of the population

#2886fd hex color

#2886fd Color Information

#2886fd Color Conversion

Color Schemes with #2886fd

Alternatives to #2886fd

#2886fd Preview

Shades and Tints of #2886fd

Tones of #2886fd

Color Blindness Simulator