#2e85fe hex color

In a RGB color space, hex #2e85fe is composed of 18% red, 52.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 47.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.9 degrees, a saturation of 99% and a lightness of 58.8%. #2e85fe color hex could be obtained by blending #5cffff with #000bfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 52
- B 100
RGB color chart
- C 82
- M 48
- Y 0
- K 0
CMYK color chart

● #2e85fe color description : Bright blue.

The hexadecimal color #2e85fe has RGB values of R:46, G:133, B:254 and CMYK values of C:0.82, M:0.48, Y:0, K:0. Its decimal value is 3048958.

Hex triplet	2e85fe	`#2e85fe`
RGB Decimal	46, 133, 254	`rgb(46,133,254)`
RGB Percent	18, 52.2, 99.6	`rgb(18%,52.2%,99.6%)`
CMYK	82, 48, 0, 0
HSL	214.9°, 99, 58.8	`hsl(214.9,99%,58.8%)`
HSV (or HSB)	214.9°, 81.9, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.594, 17.391, -67.311
XYZ	27.4, 24.509, 97.047
xyY	0.184, 0.165, 24.509
CIE-LCH	56.594, 69.521, 284.487
CIE-LUV	56.594, -28.044, -108.056
Hunter-Lab	49.507, 12.154, -81.57
Binary	00101110, 10000101, 11111110

#2e85fe
```
#2e85fe rgb(46,133,254)
```
#fea72e
```
#fea72e rgb(254,167,46)
```

Complementary Color

#2eedfe
```
#2eedfe rgb(46,237,254)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#3f2efe
```
#3f2efe rgb(63,46,254)
```

Analogous Color

#edfe2e
```
#edfe2e rgb(237,254,46)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#fe3f2e
```
#fe3f2e rgb(254,63,46)
```

Split Complementary Color

#85fe2e
```
#85fe2e rgb(133,254,46)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#fe2e85
```
#fe2e85 rgb(254,46,133)
```

Triadic Color

#2efea7
```
#2efea7 rgb(46,254,167)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#fe2e85
```
#fe2e85 rgb(254,46,133)
```
#fea72e
```
#fea72e rgb(254,167,46)
```

Tetradic Color

#015ede
```
#015ede rgb(1,94,222)
```
#0168f8
```
#0168f8 rgb(1,104,248)
```
#1576fe
```
#1576fe rgb(21,118,254)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#4794fe
```
#4794fe rgb(71,148,254)
```
#61a3fe
```
#61a3fe rgb(97,163,254)
```
#7ab1fe
```
#7ab1fe rgb(122,177,254)
```

Monochromatic Color

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

#2eb9fe
```
#2eb9fe rgb(46,185,254)
```
#2ea8fe
```
#2ea8fe rgb(46,168,254)
```
#2e96fe
```
#2e96fe rgb(46,150,254)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#2e74fe
```
#2e74fe rgb(46,116,254)
```
#2e62fe
```
#2e62fe rgb(46,98,254)
```
#2e51fe
```
#2e51fe rgb(46,81,254)
```

Similar Colors

Text with hexadecimal color #2e85fe

This text has a font color of #2e85fe.

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

#2e85fe background color

This paragraph has a background color of #2e85fe.

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

#2e85fe border color

This element has a border color of #2e85fe.

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

CSS codes

.text {color:#2e85fe;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#00132d
```
#00132d rgb(0,19,45)
```
#001b40
```
#001b40 rgb(0,27,64)
```
#002354
```
#002354 rgb(0,35,84)
```
#002c67
```
#002c67 rgb(0,44,103)
```
#01347b
```
#01347b rgb(1,52,123)
```
#013c8e
```
#013c8e rgb(1,60,142)
```
#0144a2
```
#0144a2 rgb(1,68,162)
```
#014cb5
```
#014cb5 rgb(1,76,181)
```
#0155c9
```
#0155c9 rgb(1,85,201)
```
#015ddc
```
#015ddc rgb(1,93,220)
```
#0165f0
```
#0165f0 rgb(1,101,240)
```

Shade Color Variation

#076efe
```
#076efe rgb(7,110,254)
```
#1a7afe
```
#1a7afe rgb(26,122,254)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```
#4290fe
```
#4290fe rgb(66,144,254)
```
#559cfe
```
#559cfe rgb(85,156,254)
```
#69a7fe
```
#69a7fe rgb(105,167,254)
```
#7cb3fe
```
#7cb3fe rgb(124,179,254)
```
#90befe
```
#90befe rgb(144,190,254)
```
#a3c9ff
```
#a3c9ff rgb(163,201,255)
```
#b7d5ff
```
#b7d5ff rgb(183,213,255)
```
#cae0ff
```
#cae0ff rgb(202,224,255)
```
#deecff
```
#deecff rgb(222,236,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#8f959d
```
#8f959d rgb(143,149,157)
```
#8794a5
```
#8794a5 rgb(135,148,165)
```
#7f92ad
```
#7f92ad rgb(127,146,173)
```
#7791b5
```
#7791b5 rgb(119,145,181)
```
#6f90bd
```
#6f90bd rgb(111,144,189)
```
#678ec5
```
#678ec5 rgb(103,142,197)
```
#5e8dce
```
#5e8dce rgb(94,141,206)
```
#568cd6
```
#568cd6 rgb(86,140,214)
```
#4e8ade
```
#4e8ade rgb(78,138,222)
```
#4689e6
```
#4689e6 rgb(70,137,230)
```
#3e88ee
```
#3e88ee rgb(62,136,238)
```
#3686f6
```
#3686f6 rgb(54,134,246)
```
#2e85fe
```
#2e85fe rgb(46,133,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#478afc Protanopia 1% of men
#0090ee Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#3e88fd Protanomaly 1% of men, 0.01% of women
#108cf4 Deuteranomaly 6% of men, 0.4% of women
#1093c5 Tritanomaly 0.01% of the population

#2e85fe hex color

#2e85fe Color Information

#2e85fe Color Conversion

Color Schemes with #2e85fe

Alternatives to #2e85fe

#2e85fe Preview

Shades and Tints of #2e85fe

Tones of #2e85fe

Color Blindness Simulator