#2986eb hex color

In a RGB color space, hex #2986eb is composed of 16.1% red, 52.5% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 43% magenta, 0% yellow and 7.8% black. It has a hue angle of 211.2 degrees, a saturation of 82.9% and a lightness of 54.1%. #2986eb color hex could be obtained by blending #52ffff with #000dd7. Closest websafe color is: #3399ff.

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

● #2986eb color description : Bright blue.

The hexadecimal color #2986eb has RGB values of R:41, G:134, B:235 and CMYK values of C:0.83, M:0.43, Y:0, K:0.08. Its decimal value is 2721515.

Hex triplet	2986eb	`#2986eb`
RGB Decimal	41, 134, 235	`rgb(41,134,235)`
RGB Percent	16.1, 52.5, 92.2	`rgb(16.1%,52.5%,92.2%)`
CMYK	83, 43, 0, 8
HSL	211.2°, 82.9, 54.1	`hsl(211.2,82.9%,54.1%)`
HSV (or HSB)	211.2°, 82.6, 92.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.602, 9.285, -58.396
XYZ	24.432, 23.518, 81.844
xyY	0.188, 0.181, 23.518
CIE-LCH	55.602, 59.129, 279.034
CIE-LUV	55.602, -29.569, -92.844
Hunter-Lab	48.495, 5.061, -66.116
Binary	00101001, 10000110, 11101011

#2986eb
```
#2986eb rgb(41,134,235)
```
#eb8e29
```
#eb8e29 rgb(235,142,41)
```

Complementary Color

#29e7eb
```
#29e7eb rgb(41,231,235)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#2d29eb
```
#2d29eb rgb(45,41,235)
```

Analogous Color

#e7eb29
```
#e7eb29 rgb(231,235,41)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#eb2d29
```
#eb2d29 rgb(235,45,41)
```

Split Complementary Color

#86eb29
```
#86eb29 rgb(134,235,41)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#eb2986
```
#eb2986 rgb(235,41,134)
```

Triadic Color

#29eb8e
```
#29eb8e rgb(41,235,142)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#eb2986
```
#eb2986 rgb(235,41,134)
```
#eb8e29
```
#eb8e29 rgb(235,142,41)
```

Tetradic Color

#1160b6
```
#1160b6 rgb(17,96,182)
```
#136dce
```
#136dce rgb(19,109,206)
```
#1579e5
```
#1579e5 rgb(21,121,229)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#4093ed
```
#4093ed rgb(64,147,237)
```
#58a0ef
```
#58a0ef rgb(88,160,239)
```
#6faef2
```
#6faef2 rgb(111,174,242)
```

Monochromatic Color

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

#29b7eb
```
#29b7eb rgb(41,183,235)
```
#29a6eb
```
#29a6eb rgb(41,166,235)
```
#2996eb
```
#2996eb rgb(41,150,235)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#2976eb
```
#2976eb rgb(41,118,235)
```
#2966eb
```
#2966eb rgb(41,102,235)
```
#2956eb
```
#2956eb rgb(41,86,235)
```

Similar Colors

Text with hexadecimal color #2986eb

This text has a font color of #2986eb.

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

#2986eb background color

This paragraph has a background color of #2986eb.

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

#2986eb border color

This element has a border color of #2986eb.

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

CSS codes

.text {color:#2986eb;}

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

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

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 #eef6fd 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)
```
#072749
```
#072749 rgb(7,39,73)
```
#09305b
```
#09305b rgb(9,48,91)
```
#0a3a6d
```
#0a3a6d rgb(10,58,109)
```
#0c437f
```
#0c437f rgb(12,67,127)
```
#0e4c91
```
#0e4c91 rgb(14,76,145)
```
#0f56a3
```
#0f56a3 rgb(15,86,163)
```
#115fb5
```
#115fb5 rgb(17,95,181)
```
#1369c7
```
#1369c7 rgb(19,105,199)
```
#1472d9
```
#1472d9 rgb(20,114,217)
```

Shade Color Variation

#177ce9
```
#177ce9 rgb(23,124,233)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#3b90ed
```
#3b90ed rgb(59,144,237)
```
#4d9aee
```
#4d9aee rgb(77,154,238)
```
#5fa4f0
```
#5fa4f0 rgb(95,164,240)
```
#71aff2
```
#71aff2 rgb(113,175,242)
```
#83b9f3
```
#83b9f3 rgb(131,185,243)
```
#95c3f5
```
#95c3f5 rgb(149,195,245)
```
#a7cdf7
```
#a7cdf7 rgb(167,205,247)
```
#b9d7f8
```
#b9d7f8 rgb(185,215,248)
```
#cae1fa
```
#cae1fa rgb(202,225,250)
```
#dcebfc
```
#dcebfc rgb(220,235,252)
```
#eef6fd
```
#eef6fd rgb(238,246,253)
```

Tint Color Variation

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

#838a91
```
#838a91 rgb(131,138,145)
```
#7a899a
```
#7a899a rgb(122,137,154)
```
#7189a3
```
#7189a3 rgb(113,137,163)
```
#6889ac
```
#6889ac rgb(104,137,172)
```
#5f88b5
```
#5f88b5 rgb(95,136,181)
```
#5688be
```
#5688be rgb(86,136,190)
```
#4d87c7
```
#4d87c7 rgb(77,135,199)
```
#4487d0
```
#4487d0 rgb(68,135,208)
```
#3b87d9
```
#3b87d9 rgb(59,135,217)
```
#3286e2
```
#3286e2 rgb(50,134,226)
```
#2986eb
```
#2986eb rgb(41,134,235)
```
#2086f4
```
#2086f4 rgb(32,134,244)
```
#1785fd
```
#1785fd rgb(23,133,253)
```

Tone Color Variation

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

Dichromacy

#5a88e8 Protanopia 1% of men
#1c8deb Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#4887e9 Protanomaly 1% of men, 0.01% of women
#218aeb Deuteranomaly 6% of men, 0.4% of women
#0e92bd Tritanomaly 0.01% of the population

#2986eb hex color

#2986eb Color Information

#2986eb Color Conversion

Color Schemes with #2986eb

Alternatives to #2986eb

#2986eb Preview

Shades and Tints of #2986eb

Tones of #2986eb

Color Blindness Simulator