#2886ec hex color

In a RGB color space, hex #2886ec is composed of 15.7% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 211.2 degrees, a saturation of 83.8% and a lightness of 54.1%. #2886ec color hex could be obtained by blending #50ffff with #000dd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 53
- B 93
RGB color chart
- C 83
- M 43
- Y 0
- K 7
CMYK color chart

● #2886ec color description : Bright blue.

The hexadecimal color #2886ec has RGB values of R:40, G:134, B:236 and CMYK values of C:0.83, M:0.43, Y:0, K:0.07. Its decimal value is 2655980.

Hex triplet	2886ec	`#2886ec`
RGB Decimal	40, 134, 236	`rgb(40,134,236)`
RGB Percent	15.7, 52.5, 92.5	`rgb(15.7%,52.5%,92.5%)`
CMYK	83, 43, 0, 7
HSL	211.2°, 83.8, 54.1	`hsl(211.2,83.8%,54.1%)`
HSV (or HSB)	211.2°, 83.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.64, 9.577, -58.892
XYZ	24.537, 23.555, 82.606
xyY	0.188, 0.18, 23.555
CIE-LCH	55.64, 59.666, 279.236
CIE-LUV	55.64, -29.638, -93.677
Hunter-Lab	48.534, 5.309, -66.939
Binary	00101000, 10000110, 11101100

#2886ec
```
#2886ec rgb(40,134,236)
```
#ec8e28
```
#ec8e28 rgb(236,142,40)
```

Complementary Color

#28e8ec
```
#28e8ec rgb(40,232,236)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#2c28ec
```
#2c28ec rgb(44,40,236)
```

Analogous Color

#e8ec28
```
#e8ec28 rgb(232,236,40)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#ec2c28
```
#ec2c28 rgb(236,44,40)
```

Split Complementary Color

#86ec28
```
#86ec28 rgb(134,236,40)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#ec2886
```
#ec2886 rgb(236,40,134)
```

Triadic Color

#28ec8e
```
#28ec8e rgb(40,236,142)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#ec2886
```
#ec2886 rgb(236,40,134)
```
#ec8e28
```
#ec8e28 rgb(236,142,40)
```

Tetradic Color

#1060b7
```
#1060b7 rgb(16,96,183)
```
#126dcf
```
#126dcf rgb(18,109,207)
```
#1479e6
```
#1479e6 rgb(20,121,230)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#3f93ee
```
#3f93ee rgb(63,147,238)
```
#57a0f0
```
#57a0f0 rgb(87,160,240)
```
#6eaef2
```
#6eaef2 rgb(110,174,242)
```

Monochromatic Color

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

#28b7ec
```
#28b7ec rgb(40,183,236)
```
#28a7ec
```
#28a7ec rgb(40,167,236)
```
#2896ec
```
#2896ec rgb(40,150,236)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#2876ec
```
#2876ec rgb(40,118,236)
```
#2865ec
```
#2865ec rgb(40,101,236)
```
#2855ec
```
#2855ec rgb(40,85,236)
```

Similar Colors

Text with hexadecimal color #2886ec

This text has a font color of #2886ec.

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

#2886ec background color

This paragraph has a background color of #2886ec.

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

#2886ec border color

This element has a border color of #2886ec.

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

CSS codes

.text {color:#2886ec;}

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

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

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 #eef6fe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#020a13
```
#020a13 rgb(2,10,19)
```
#031425
```
#031425 rgb(3,20,37)
```
#051d37
```
#051d37 rgb(5,29,55)
```
#062749
```
#062749 rgb(6,39,73)
```
#08305b
```
#08305b rgb(8,48,91)
```
#0a3a6d
```
#0a3a6d rgb(10,58,109)
```
#0b437f
```
#0b437f rgb(11,67,127)
```
#0d4c91
```
#0d4c91 rgb(13,76,145)
```
#0e56a3
```
#0e56a3 rgb(14,86,163)
```
#105fb5
```
#105fb5 rgb(16,95,181)
```
#1269c8
```
#1269c8 rgb(18,105,200)
```
#1372da
```
#1372da rgb(19,114,218)
```

Shade Color Variation

#167cea
```
#167cea rgb(22,124,234)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#3a90ee
```
#3a90ee rgb(58,144,238)
```
#4c9aef
```
#4c9aef rgb(76,154,239)
```
#5ea4f1
```
#5ea4f1 rgb(94,164,241)
```
#70aff2
```
#70aff2 rgb(112,175,242)
```
#82b9f4
```
#82b9f4 rgb(130,185,244)
```
#94c3f6
```
#94c3f6 rgb(148,195,246)
```
#a6cdf7
```
#a6cdf7 rgb(166,205,247)
```
#b8d7f9
```
#b8d7f9 rgb(184,215,249)
```
#cae1fa
```
#cae1fa rgb(202,225,250)
```
#dcebfc
```
#dcebfc rgb(220,235,252)
```
#eef6fe
```
#eef6fe rgb(238,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a92 is the less saturated color, while #1685fe is the most saturated one.

#828a92
```
#828a92 rgb(130,138,146)
```
#79899b
```
#79899b rgb(121,137,155)
```
#7089a4
```
#7089a4 rgb(112,137,164)
```
#6789ad
```
#6789ad rgb(103,137,173)
```
#5e88b6
```
#5e88b6 rgb(94,136,182)
```
#5588bf
```
#5588bf rgb(85,136,191)
```
#4c87c8
```
#4c87c8 rgb(76,135,200)
```
#4387d1
```
#4387d1 rgb(67,135,209)
```
#3a87da
```
#3a87da rgb(58,135,218)
```
#3186e3
```
#3186e3 rgb(49,134,227)
```
#2886ec
```
#2886ec rgb(40,134,236)
```
#1f86f5
```
#1f86f5 rgb(31,134,245)
```
#1685fe
```
#1685fe rgb(22,133,254)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#66798e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a88e9 Protanopia 1% of men
#148dec Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#4787ea Protanomaly 1% of men, 0.01% of women
#1b8aec Deuteranomaly 6% of men, 0.4% of women
#0e92bd Tritanomaly 0.01% of the population

#2886ec hex color

#2886ec Color Information

#2886ec Color Conversion

Color Schemes with #2886ec

Alternatives to #2886ec

#2886ec Preview

Shades and Tints of #2886ec

Tones of #2886ec

Color Blindness Simulator