#2986ef hex color

In a RGB color space, hex #2986ef is composed of 16.1% red, 52.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 43.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 211.8 degrees, a saturation of 86.1% and a lightness of 54.9%. #2986ef color hex could be obtained by blending #52ffff with #000ddf. Closest websafe color is: #3399ff.

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

● #2986ef color description : Bright blue.

The hexadecimal color #2986ef has RGB values of R:41, G:134, B:239 and CMYK values of C:0.83, M:0.44, Y:0, K:0.06. Its decimal value is 2721519.

Hex triplet	2986ef	`#2986ef`
RGB Decimal	41, 134, 239	`rgb(41,134,239)`
RGB Percent	16.1, 52.5, 93.7	`rgb(16.1%,52.5%,93.7%)`
CMYK	83, 44, 0, 6
HSL	211.8°, 86.1, 54.9	`hsl(211.8,86.1%,54.9%)`
HSV (or HSB)	211.8°, 82.8, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.838, 10.78, -60.24
XYZ	25.016, 23.751, 84.923
xyY	0.187, 0.178, 23.751
CIE-LCH	55.838, 61.197, 280.146
CIE-LUV	55.838, -29.414, -96.007
Hunter-Lab	48.735, 6.337, -69.199
Binary	00101001, 10000110, 11101111

#2986ef
```
#2986ef rgb(41,134,239)
```
#ef9229
```
#ef9229 rgb(239,146,41)
```

Complementary Color

#29e9ef
```
#29e9ef rgb(41,233,239)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#2f29ef
```
#2f29ef rgb(47,41,239)
```

Analogous Color

#e9ef29
```
#e9ef29 rgb(233,239,41)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#ef2f29
```
#ef2f29 rgb(239,47,41)
```

Split Complementary Color

#86ef29
```
#86ef29 rgb(134,239,41)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#ef2986
```
#ef2986 rgb(239,41,134)
```

Triadic Color

#29ef92
```
#29ef92 rgb(41,239,146)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#ef2986
```
#ef2986 rgb(239,41,134)
```
#ef9229
```
#ef9229 rgb(239,146,41)
```

Tetradic Color

#0e60bd
```
#0e60bd rgb(14,96,189)
```
#106dd5
```
#106dd5 rgb(16,109,213)
```
#1279ed
```
#1279ed rgb(18,121,237)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#4193f1
```
#4193f1 rgb(65,147,241)
```
#58a1f3
```
#58a1f3 rgb(88,161,243)
```
#70aef4
```
#70aef4 rgb(112,174,244)
```

Monochromatic Color

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

#29b8ef
```
#29b8ef rgb(41,184,239)
```
#29a7ef
```
#29a7ef rgb(41,167,239)
```
#2997ef
```
#2997ef rgb(41,151,239)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#2976ef
```
#2976ef rgb(41,118,239)
```
#2965ef
```
#2965ef rgb(41,101,239)
```
#2955ef
```
#2955ef rgb(41,85,239)
```

Similar Colors

Text with hexadecimal color #2986ef

This text has a font color of #2986ef.

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

#2986ef background color

This paragraph has a background color of #2986ef.

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

#2986ef border color

This element has a border color of #2986ef.

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

CSS codes

.text {color:#2986ef;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#020c17
```
#020c17 rgb(2,12,23)
```
#03152a
```
#03152a rgb(3,21,42)
```
#041e3c
```
#041e3c rgb(4,30,60)
```
#06284e
```
#06284e rgb(6,40,78)
```
#073160
```
#073160 rgb(7,49,96)
```
#093a73
```
#093a73 rgb(9,58,115)
```
#0a4485
```
#0a4485 rgb(10,68,133)
```
#0b4d97
```
#0b4d97 rgb(11,77,151)
```
#0d56a9
```
#0d56a9 rgb(13,86,169)
```
#0e60bc
```
#0e60bc rgb(14,96,188)
```
#0f69ce
```
#0f69ce rgb(15,105,206)
```
#1172e0
```
#1172e0 rgb(17,114,224)
```

Shade Color Variation

#177cee
```
#177cee rgb(23,124,238)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#3b90f0
```
#3b90f0 rgb(59,144,240)
```
#4e9bf2
```
#4e9bf2 rgb(78,155,242)
```
#60a5f3
```
#60a5f3 rgb(96,165,243)
```
#72aff4
```
#72aff4 rgb(114,175,244)
```
#84baf6
```
#84baf6 rgb(132,186,246)
```
#97c4f7
```
#97c4f7 rgb(151,196,247)
```
#a9cef9
```
#a9cef9 rgb(169,206,249)
```
#bbd9fa
```
#bbd9fa rgb(187,217,250)
```
#cde3fb
```
#cde3fb rgb(205,227,251)
```
#e0edfd
```
#e0edfd rgb(224,237,253)
```
#f2f8fe
```
#f2f8fe rgb(242,248,254)
```

Tint Color Variation

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

#8a8c8e
```
#8a8c8e rgb(138,140,142)
```
#818b97
```
#818b97 rgb(129,139,151)
```
#798b9f
```
#798b9f rgb(121,139,159)
```
#708aa8
```
#708aa8 rgb(112,138,168)
```
#678ab1
```
#678ab1 rgb(103,138,177)
```
#5e89ba
```
#5e89ba rgb(94,137,186)
```
#5589c3
```
#5589c3 rgb(85,137,195)
```
#4c88cc
```
#4c88cc rgb(76,136,204)
```
#4488d4
```
#4488d4 rgb(68,136,212)
```
#3b87dd
```
#3b87dd rgb(59,135,221)
```
#3287e6
```
#3287e6 rgb(50,135,230)
```
#2986ef
```
#2986ef rgb(41,134,239)
```
#2085f8
```
#2085f8 rgb(32,133,248)
```

Tone Color Variation

Below, you can see how #2986ef 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

#5788ec Protanopia 1% of men
#008eed Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4687ed Protanomaly 1% of men, 0.01% of women
#0e8bee Deuteranomaly 6% of men, 0.4% of women
#0e92be Tritanomaly 0.01% of the population

#2986ef hex color

#2986ef Color Information

#2986ef Color Conversion

Color Schemes with #2986ef

Alternatives to #2986ef

#2986ef Preview

Shades and Tints of #2986ef

Tones of #2986ef

Color Blindness Simulator