#2886f6 hex color

In a RGB color space, hex #2886f6 is composed of 15.7% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 212.6 degrees, a saturation of 92% and a lightness of 56.1%. #2886f6 color hex could be obtained by blending #50ffff with #000ded. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 53
- B 96
RGB color chart
- C 84
- M 46
- Y 0
- K 4
CMYK color chart

● #2886f6 color description : Bright blue.

The hexadecimal color #2886f6 has RGB values of R:40, G:134, B:246 and CMYK values of C:0.84, M:0.46, Y:0, K:0.04. Its decimal value is 2655990.

Hex triplet	2886f6	`#2886f6`
RGB Decimal	40, 134, 246	`rgb(40,134,246)`
RGB Percent	15.7, 52.5, 96.5	`rgb(15.7%,52.5%,96.5%)`
CMYK	84, 46, 0, 4
HSL	212.6°, 92, 56.1	`hsl(212.6,92%,56.1%)`
HSV (or HSB)	212.6°, 83.7, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.241, 13.322, -63.473
XYZ	26.031, 24.153, 90.474
xyY	0.185, 0.172, 24.153
CIE-LCH	56.241, 64.856, 281.853
CIE-LUV	56.241, -29.257, -101.518
Hunter-Lab	49.146, 8.541, -74.747
Binary	00101000, 10000110, 11110110

#2886f6
```
#2886f6 rgb(40,134,246)
```
#f69828
```
#f69828 rgb(246,152,40)
```

Complementary Color

#28edf6
```
#28edf6 rgb(40,237,246)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#3128f6
```
#3128f6 rgb(49,40,246)
```

Analogous Color

#edf628
```
#edf628 rgb(237,246,40)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#f63128
```
#f63128 rgb(246,49,40)
```

Split Complementary Color

#86f628
```
#86f628 rgb(134,246,40)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#f62886
```
#f62886 rgb(246,40,134)
```

Triadic Color

#28f698
```
#28f698 rgb(40,246,152)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#f62886
```
#f62886 rgb(246,40,134)
```
#f69828
```
#f69828 rgb(246,152,40)
```

Tetradic Color

#0860c9
```
#0860c9 rgb(8,96,201)
```
#096ce2
```
#096ce2 rgb(9,108,226)
```
#1078f5
```
#1078f5 rgb(16,120,245)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#4094f7
```
#4094f7 rgb(64,148,247)
```
#59a2f8
```
#59a2f8 rgb(89,162,248)
```
#71aff9
```
#71aff9 rgb(113,175,249)
```

Monochromatic Color

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

#28baf6
```
#28baf6 rgb(40,186,246)
```
#28a8f6
```
#28a8f6 rgb(40,168,246)
```
#2897f6
```
#2897f6 rgb(40,151,246)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#2875f6
```
#2875f6 rgb(40,117,246)
```
#2864f6
```
#2864f6 rgb(40,100,246)
```
#2853f6
```
#2853f6 rgb(40,83,246)
```

Similar Colors

Text with hexadecimal color #2886f6

This text has a font color of #2886f6.

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

#2886f6 background color

This paragraph has a background color of #2886f6.

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

#2886f6 border color

This element has a border color of #2886f6.

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

CSS codes

.text {color:#2886f6;}

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

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

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, #00050b is the darkest color, while #f7fbff is the lightest one.

#00050b
```
#00050b rgb(0,5,11)
```
#010e1e
```
#010e1e rgb(1,14,30)
```
#021731
```
#021731 rgb(2,23,49)
```
#032043
```
#032043 rgb(3,32,67)
```
#042956
```
#042956 rgb(4,41,86)
```
#043269
```
#043269 rgb(4,50,105)
```
#053b7c
```
#053b7c rgb(5,59,124)
```
#06448f
```
#06448f rgb(6,68,143)
```
#074da2
```
#074da2 rgb(7,77,162)
```
#0856b4
```
#0856b4 rgb(8,86,180)
```
#085fc7
```
#085fc7 rgb(8,95,199)
```
#0968da
```
#0968da rgb(9,104,218)
```
#0a71ed
```
#0a71ed rgb(10,113,237)
```

Shade Color Variation

#157bf5
```
#157bf5 rgb(21,123,245)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#3b91f7
```
#3b91f7 rgb(59,145,247)
```
#4e9bf8
```
#4e9bf8 rgb(78,155,248)
```
#60a6f8
```
#60a6f8 rgb(96,166,248)
```
#73b0f9
```
#73b0f9 rgb(115,176,249)
```
#86bbfa
```
#86bbfa rgb(134,187,250)
```
#99c6fb
```
#99c6fb rgb(153,198,251)
```
#acd0fc
```
#acd0fc rgb(172,208,252)
```
#bfdbfc
```
#bfdbfc rgb(191,219,252)
```
#d1e5fd
```
#d1e5fd rgb(209,229,253)
```
#e4f0fe
```
#e4f0fe rgb(228,240,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878e97 is the less saturated color, while #1f85ff is the most saturated one.

#878e97
```
#878e97 rgb(135,142,151)
```
#7e8ea0
```
#7e8ea0 rgb(126,142,160)
```
#768da8
```
#768da8 rgb(118,141,168)
```
#6d8cb1
```
#6d8cb1 rgb(109,140,177)
```
#648bba
```
#648bba rgb(100,139,186)
```
#5c8bc2
```
#5c8bc2 rgb(92,139,194)
```
#538acb
```
#538acb rgb(83,138,203)
```
#4a89d4
```
#4a89d4 rgb(74,137,212)
```
#4288dc
```
#4288dc rgb(66,136,220)
```
#3988e5
```
#3988e5 rgb(57,136,229)
```
#3187ed
```
#3187ed rgb(49,135,237)
```
#2886f6
```
#2886f6 rgb(40,134,246)
```
#1f85ff
```
#1f85ff rgb(31,133,255)
```

Tone Color Variation

Below, you can see how #2886f6 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
#677a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5189f4 Protanopia 1% of men
#008fee Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#4288f4 Protanomaly 1% of men, 0.01% of women
#0e8cf1 Deuteranomaly 6% of men, 0.4% of women
#0e93c2 Tritanomaly 0.01% of the population

#2886f6 hex color

#2886f6 Color Information

#2886f6 Color Conversion

Color Schemes with #2886f6

Alternatives to #2886f6

#2886f6 Preview

Shades and Tints of #2886f6

Tones of #2886f6

Color Blindness Simulator