#2986e3 hex color

In a RGB color space, hex #2986e3 is composed of 16.1% red, 52.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 41% magenta, 0% yellow and 11% black. It has a hue angle of 210 degrees, a saturation of 76.9% and a lightness of 52.5%. #2986e3 color hex could be obtained by blending #52ffff with #000dc7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 53
- B 89
RGB color chart
- C 82
- M 41
- Y 0
- K 11
CMYK color chart

● #2986e3 color description : Bright blue.

The hexadecimal color #2986e3 has RGB values of R:41, G:134, B:227 and CMYK values of C:0.82, M:0.41, Y:0, K:0.11. Its decimal value is 2721507.

Hex triplet	2986e3	`#2986e3`
RGB Decimal	41, 134, 227	`rgb(41,134,227)`
RGB Percent	16.1, 52.5, 89	`rgb(16.1%,52.5%,89%)`
CMYK	82, 41, 0, 11
HSL	210°, 76.9, 52.5	`hsl(210,76.9%,52.5%)`
HSV (or HSB)	210°, 81.9, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.14, 6.296, -54.673
XYZ	23.301, 23.066, 75.893
xyY	0.191, 0.189, 23.066
CIE-LCH	55.14, 55.034, 276.569
CIE-LUV	55.14, -29.896, -86.443
Hunter-Lab	48.027, 2.557, -60.073
Binary	00101001, 10000110, 11100011

#2986e3
```
#2986e3 rgb(41,134,227)
```
#e38629
```
#e38629 rgb(227,134,41)
```

Complementary Color

#29e3e3
```
#29e3e3 rgb(41,227,227)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#2929e3
```
#2929e3 rgb(41,41,227)
```

Analogous Color

#e3e329
```
#e3e329 rgb(227,227,41)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#e32929
```
#e32929 rgb(227,41,41)
```

Split Complementary Color

#86e329
```
#86e329 rgb(134,227,41)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#e32986
```
#e32986 rgb(227,41,134)
```

Triadic Color

#29e386
```
#29e386 rgb(41,227,134)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#e32986
```
#e32986 rgb(227,41,134)
```
#e38629
```
#e38629 rgb(227,134,41)
```

Tetradic Color

#1660a9
```
#1660a9 rgb(22,96,169)
```
#196dc0
```
#196dc0 rgb(25,109,192)
```
#1c79d6
```
#1c79d6 rgb(28,121,214)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#4093e6
```
#4093e6 rgb(64,147,230)
```
#56a0e9
```
#56a0e9 rgb(86,160,233)
```
#6dacec
```
#6dacec rgb(109,172,236)
```

Monochromatic Color

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

#29b5e3
```
#29b5e3 rgb(41,181,227)
```
#29a5e3
```
#29a5e3 rgb(41,165,227)
```
#2996e3
```
#2996e3 rgb(41,150,227)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#2977e3
```
#2977e3 rgb(41,119,227)
```
#2967e3
```
#2967e3 rgb(41,103,227)
```
#2958e3
```
#2958e3 rgb(41,88,227)
```

Similar Colors

Text with hexadecimal color #2986e3

This text has a font color of #2986e3.

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

#2986e3 background color

This paragraph has a background color of #2986e3.

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

#2986e3 border color

This element has a border color of #2986e3.

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

CSS codes

.text {color:#2986e3;}

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

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

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

#02070b
```
#02070b rgb(2,7,11)
```
#04101d
```
#04101d rgb(4,16,29)
```
#061a2e
```
#061a2e rgb(6,26,46)
```
#082440
```
#082440 rgb(8,36,64)
```
#0b2e51
```
#0b2e51 rgb(11,46,81)
```
#0d3862
```
#0d3862 rgb(13,56,98)
```
#0f4174
```
#0f4174 rgb(15,65,116)
```
#114b85
```
#114b85 rgb(17,75,133)
```
#145596
```
#145596 rgb(20,85,150)
```
#165fa8
```
#165fa8 rgb(22,95,168)
```
#1869b9
```
#1869b9 rgb(24,105,185)
```
#1a72ca
```
#1a72ca rgb(26,114,202)
```
#1d7cdc
```
#1d7cdc rgb(29,124,220)
```

Shade Color Variation

#2986e3
```
#2986e3 rgb(41,134,227)
```
#3a90e5
```
#3a90e5 rgb(58,144,229)
```
#4c9ae8
```
#4c9ae8 rgb(76,154,232)
```
#5da3ea
```
#5da3ea rgb(93,163,234)
```
#6eadec
```
#6eadec rgb(110,173,236)
```
#80b7ee
```
#80b7ee rgb(128,183,238)
```
#91c1f1
```
#91c1f1 rgb(145,193,241)
```
#a2cbf3
```
#a2cbf3 rgb(162,203,243)
```
#b4d4f5
```
#b4d4f5 rgb(180,212,245)
```
#c5def7
```
#c5def7 rgb(197,222,247)
```
#d6e8fa
```
#d6e8fa rgb(214,232,250)
```
#e8f2fc
```
#e8f2fc rgb(232,242,252)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d868f is the less saturated color, while #0d86ff is the most saturated one.

#7d868f
```
#7d868f rgb(125,134,143)
```
#738699
```
#738699 rgb(115,134,153)
```
#6a86a2
```
#6a86a2 rgb(106,134,162)
```
#6186ab
```
#6186ab rgb(97,134,171)
```
#5886b4
```
#5886b4 rgb(88,134,180)
```
#4e86be
```
#4e86be rgb(78,134,190)
```
#4586c7
```
#4586c7 rgb(69,134,199)
```
#3c86d0
```
#3c86d0 rgb(60,134,208)
```
#3286da
```
#3286da rgb(50,134,218)
```
#2986e3
```
#2986e3 rgb(41,134,227)
```
#2086ec
```
#2086ec rgb(32,134,236)
```
#1686f6
```
#1686f6 rgb(22,134,246)
```
#0d86ff
```
#0d86ff rgb(13,134,255)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#66788b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6087e0 Protanopia 1% of men
#368ce4 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4c86e1 Protanomaly 1% of men, 0.01% of women
#3189e3 Deuteranomaly 6% of men, 0.4% of women
#0e91b9 Tritanomaly 0.01% of the population

#2986e3 hex color

#2986e3 Color Information

#2986e3 Color Conversion

Color Schemes with #2986e3

Alternatives to #2986e3

#2986e3 Preview

Shades and Tints of #2986e3

Tones of #2986e3

Color Blindness Simulator