#2e84f4 hex color

In a RGB color space, hex #2e84f4 is composed of 18% red, 51.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 45.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 213.9 degrees, a saturation of 90% and a lightness of 56.9%. #2e84f4 color hex could be obtained by blending #5cffff with #0009e9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 52
- B 96
RGB color chart
- C 81
- M 46
- Y 0
- K 4
CMYK color chart

● #2e84f4 color description : Bright blue.

The hexadecimal color #2e84f4 has RGB values of R:46, G:132, B:244 and CMYK values of C:0.81, M:0.46, Y:0, K:0.04. Its decimal value is 3048692.

Hex triplet	2e84f4	`#2e84f4`
RGB Decimal	46, 132, 244	`rgb(46,132,244)`
RGB Percent	18, 51.8, 95.7	`rgb(18%,51.8%,95.7%)`
CMYK	81, 46, 0, 4
HSL	213.9°, 90, 56.9	`hsl(213.9,90%,56.9%)`
HSV (or HSB)	213.9°, 81.1, 95.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.698, 14.293, -63.232
XYZ	25.703, 23.613, 88.786
xyY	0.186, 0.171, 23.613
CIE-LCH	55.698, 64.827, 282.737
CIE-LUV	55.698, -28.057, -101.004
Hunter-Lab	48.593, 9.38, -74.316
Binary	00101110, 10000100, 11110100

#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#f49e2e
```
#f49e2e rgb(244,158,46)
```

Complementary Color

#2ee7f4
```
#2ee7f4 rgb(46,231,244)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#3b2ef4
```
#3b2ef4 rgb(59,46,244)
```

Analogous Color

#e7f42e
```
#e7f42e rgb(231,244,46)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#f43b2e
```
#f43b2e rgb(244,59,46)
```

Split Complementary Color

#84f42e
```
#84f42e rgb(132,244,46)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#f42e84
```
#f42e84 rgb(244,46,132)
```

Triadic Color

#2ef49e
```
#2ef49e rgb(46,244,158)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#f42e84
```
#f42e84 rgb(244,46,132)
```
#f49e2e
```
#f49e2e rgb(244,158,46)
```

Tetradic Color

#0b5ecb
```
#0b5ecb rgb(11,94,203)
```
#0c69e3
```
#0c69e3 rgb(12,105,227)
```
#1676f3
```
#1676f3 rgb(22,118,243)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#4692f5
```
#4692f5 rgb(70,146,245)
```
#5ea1f7
```
#5ea1f7 rgb(94,161,247)
```
#77aff8
```
#77aff8 rgb(119,175,248)
```

Monochromatic Color

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

#2eb6f4
```
#2eb6f4 rgb(46,182,244)
```
#2ea5f4
```
#2ea5f4 rgb(46,165,244)
```
#2e95f4
```
#2e95f4 rgb(46,149,244)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#2e74f4
```
#2e74f4 rgb(46,116,244)
```
#2e63f4
```
#2e63f4 rgb(46,99,244)
```
#2e53f4
```
#2e53f4 rgb(46,83,244)
```

Similar Colors

Text with hexadecimal color #2e84f4

This text has a font color of #2e84f4.

<span style="color:#2e84f4;">Text here</span>

#2e84f4 background color

This paragraph has a background color of #2e84f4.

<p style="background-color:#2e84f4;">Content here</p>

#2e84f4 border color

This element has a border color of #2e84f4.

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

CSS codes

.text {color:#2e84f4;}

.background {background-color:#2e84f4;}

.border {border:1px solid #2e84f4;}

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, #01070f is the darkest color, while #fbfdff is the lightest one.

#01070f
```
#01070f rgb(1,7,15)
```
#020f21
```
#020f21 rgb(2,15,33)
```
#031834
```
#031834 rgb(3,24,52)
```
#042147
```
#042147 rgb(4,33,71)
```
#052959
```
#052959 rgb(5,41,89)
```
#06326c
```
#06326c rgb(6,50,108)
```
#073b7e
```
#073b7e rgb(7,59,126)
```
#084391
```
#084391 rgb(8,67,145)
```
#094ca4
```
#094ca4 rgb(9,76,164)
```
#0a55b6
```
#0a55b6 rgb(10,85,182)
```
#0b5dc9
```
#0b5dc9 rgb(11,93,201)
```
#0c66dc
```
#0c66dc rgb(12,102,220)
```
#0d6fee
```
#0d6fee rgb(13,111,238)
```

Shade Color Variation

#1b79f3
```
#1b79f3 rgb(27,121,243)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#418ff5
```
#418ff5 rgb(65,143,245)
```
#539af6
```
#539af6 rgb(83,154,246)
```
#66a5f7
```
#66a5f7 rgb(102,165,247)
```
#79b0f8
```
#79b0f8 rgb(121,176,248)
```
#8bbbf9
```
#8bbbf9 rgb(139,187,249)
```
#9ec6fa
```
#9ec6fa rgb(158,198,250)
```
#b0d1fb
```
#b0d1fb rgb(176,209,251)
```
#c3dcfc
```
#c3dcfc rgb(195,220,252)
```
#d6e7fd
```
#d6e7fd rgb(214,231,253)
```
#e8f2fe
```
#e8f2fe rgb(232,242,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#8b9097
```
#8b9097 rgb(139,144,151)
```
#838f9f
```
#838f9f rgb(131,143,159)
```
#7a8ea8
```
#7a8ea8 rgb(122,142,168)
```
#728db0
```
#728db0 rgb(114,141,176)
```
#698cb9
```
#698cb9 rgb(105,140,185)
```
#618bc1
```
#618bc1 rgb(97,139,193)
```
#588aca
```
#588aca rgb(88,138,202)
```
#5088d2
```
#5088d2 rgb(80,136,210)
```
#4787db
```
#4787db rgb(71,135,219)
```
#3f86e3
```
#3f86e3 rgb(63,134,227)
```
#3685ec
```
#3685ec rgb(54,133,236)
```
#2e84f4
```
#2e84f4 rgb(46,132,244)
```
#2683fc
```
#2683fc rgb(38,131,252)
```

Tone Color Variation

Below, you can see how #2e84f4 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

#777777 Achromatopsia 0.005% of the population
#687a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f88f2 Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#4386f3 Protanomaly 1% of men, 0.01% of women
#108aee Deuteranomaly 6% of men, 0.4% of women
#1091c0 Tritanomaly 0.01% of the population

#2e84f4 hex color

#2e84f4 Color Information

#2e84f4 Color Conversion

Color Schemes with #2e84f4

Alternatives to #2e84f4

#2e84f4 Preview

Shades and Tints of #2e84f4

Tones of #2e84f4

Color Blindness Simulator