#2986ee hex color

In a RGB color space, hex #2986ee is composed of 16.1% red, 52.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 43.7% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.7 degrees, a saturation of 85.3% and a lightness of 54.7%. #2986ee color hex could be obtained by blending #52ffff with #000ddd. Closest websafe color is: #3399ff.

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

● #2986ee color description : Bright blue.

The hexadecimal color #2986ee has RGB values of R:41, G:134, B:238 and CMYK values of C:0.83, M:0.44, Y:0, K:0.07. Its decimal value is 2721518.

Hex triplet	2986ee	`#2986ee`
RGB Decimal	41, 134, 238	`rgb(41,134,238)`
RGB Percent	16.1, 52.5, 93.3	`rgb(16.1%,52.5%,93.3%)`
CMYK	83, 44, 0, 7
HSL	211.7°, 85.3, 54.7	`hsl(211.7,85.3%,54.7%)`
HSV (or HSB)	211.7°, 82.8, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.779, 10.406, -59.78
XYZ	24.869, 23.693, 84.147
xyY	0.187, 0.179, 23.693
CIE-LCH	55.779, 60.679, 279.875
CIE-LUV	55.779, -29.452, -95.219
Hunter-Lab	48.675, 6.017, -68.425
Binary	00101001, 10000110, 11101110

#2986ee
```
#2986ee rgb(41,134,238)
```
#ee9129
```
#ee9129 rgb(238,145,41)
```

Complementary Color

#29e9ee
```
#29e9ee rgb(41,233,238)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#2f29ee
```
#2f29ee rgb(47,41,238)
```

Analogous Color

#e9ee29
```
#e9ee29 rgb(233,238,41)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#ee2e29
```
#ee2e29 rgb(238,46,41)
```

Split Complementary Color

#86ee29
```
#86ee29 rgb(134,238,41)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#ee2986
```
#ee2986 rgb(238,41,134)
```

Triadic Color

#29ee91
```
#29ee91 rgb(41,238,145)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#ee2986
```
#ee2986 rgb(238,41,134)
```
#ee9129
```
#ee9129 rgb(238,145,41)
```

Tetradic Color

#0f60bc
```
#0f60bc rgb(15,96,188)
```
#116dd3
```
#116dd3 rgb(17,109,211)
```
#1379eb
```
#1379eb rgb(19,121,235)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#4193f0
```
#4193f0 rgb(65,147,240)
```
#58a1f2
```
#58a1f2 rgb(88,161,242)
```
#70aef4
```
#70aef4 rgb(112,174,244)
```

Monochromatic Color

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

#29b7ee
```
#29b7ee rgb(41,183,238)
```
#29a7ee
```
#29a7ee rgb(41,167,238)
```
#2996ee
```
#2996ee rgb(41,150,238)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#2976ee
```
#2976ee rgb(41,118,238)
```
#2965ee
```
#2965ee rgb(41,101,238)
```
#2955ee
```
#2955ee rgb(41,85,238)
```

Similar Colors

Text with hexadecimal color #2986ee

This text has a font color of #2986ee.

<span style="color:#2986ee;">Text here</span>

#2986ee background color

This paragraph has a background color of #2986ee.

<p style="background-color:#2986ee;">Content here</p>

#2986ee border color

This element has a border color of #2986ee.

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

CSS codes

.text {color:#2986ee;}

.background {background-color:#2986ee;}

.border {border:1px solid #2986ee;}

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

#000204
```
#000204 rgb(0,2,4)
```
#020b16
```
#020b16 rgb(2,11,22)
```
#031528
```
#031528 rgb(3,21,40)
```
#051e3b
```
#051e3b rgb(5,30,59)
```
#06274d
```
#06274d rgb(6,39,77)
```
#08315f
```
#08315f rgb(8,49,95)
```
#093a71
```
#093a71 rgb(9,58,113)
```
#0a4383
```
#0a4383 rgb(10,67,131)
```
#0c4d95
```
#0c4d95 rgb(12,77,149)
```
#0d56a8
```
#0d56a8 rgb(13,86,168)
```
#0f5fba
```
#0f5fba rgb(15,95,186)
```
#1069cc
```
#1069cc rgb(16,105,204)
```
#1272de
```
#1272de rgb(18,114,222)
```

Shade Color Variation

#177ced
```
#177ced rgb(23,124,237)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#3b90ef
```
#3b90ef rgb(59,144,239)
```
#4d9bf1
```
#4d9bf1 rgb(77,155,241)
```
#60a5f2
```
#60a5f2 rgb(96,165,242)
```
#72aff4
```
#72aff4 rgb(114,175,244)
```
#84b9f5
```
#84b9f5 rgb(132,185,245)
```
#96c4f7
```
#96c4f7 rgb(150,196,247)
```
#a8cef8
```
#a8cef8 rgb(168,206,248)
```
#bad8fa
```
#bad8fa rgb(186,216,250)
```
#cde2fb
```
#cde2fb rgb(205,226,251)
```
#dfedfc
```
#dfedfc rgb(223,237,252)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#8b8b8c
```
#8b8b8c rgb(139,139,140)
```
#828b95
```
#828b95 rgb(130,139,149)
```
#798a9e
```
#798a9e rgb(121,138,158)
```
#708aa7
```
#708aa7 rgb(112,138,167)
```
#6789b0
```
#6789b0 rgb(103,137,176)
```
#5e89b9
```
#5e89b9 rgb(94,137,185)
```
#5588c2
```
#5588c2 rgb(85,136,194)
```
#4d88ca
```
#4d88ca rgb(77,136,202)
```
#4487d3
```
#4487d3 rgb(68,135,211)
```
#3b87dc
```
#3b87dc rgb(59,135,220)
```
#3286e5
```
#3286e5 rgb(50,134,229)
```
#2986ee
```
#2986ee rgb(41,134,238)
```
#2086f7
```
#2086f7 rgb(32,134,247)
```

Tone Color Variation

Below, you can see how #2986ee 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
#67798e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5888eb Protanopia 1% of men
#008eed Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4787ec Protanomaly 1% of men, 0.01% of women
#0e8bed Deuteranomaly 6% of men, 0.4% of women
#0e92be Tritanomaly 0.01% of the population

#2986ee hex color

#2986ee Color Information

#2986ee Color Conversion

Color Schemes with #2986ee

Alternatives to #2986ee

#2986ee Preview

Shades and Tints of #2986ee

Tones of #2986ee

Color Blindness Simulator