#2e7efe hex color

In a RGB color space, hex #2e7efe is composed of 18% red, 49.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 50.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 216.9 degrees, a saturation of 99% and a lightness of 58.8%. #2e7efe color hex could be obtained by blending #5cfcff with #0000fd. Closest websafe color is: #3366ff.

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

● #2e7efe color description : Bright blue.

The hexadecimal color #2e7efe has RGB values of R:46, G:126, B:254 and CMYK values of C:0.82, M:0.5, Y:0, K:0. Its decimal value is 3047166.

Hex triplet	2e7efe	`#2e7efe`
RGB Decimal	46, 126, 254	`rgb(46,126,254)`
RGB Percent	18, 49.4, 99.6	`rgb(18%,49.4%,99.6%)`
CMYK	82, 50, 0, 0
HSL	216.9°, 99, 58.8	`hsl(216.9,99%,58.8%)`
HSV (or HSB)	216.9°, 81.9, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	54.716, 21.719, -70.344
XYZ	26.473, 22.656, 96.738
xyY	0.181, 0.155, 22.656
CIE-LCH	54.716, 73.621, 287.159
CIE-LUV	54.716, -25.998, -112.214
Hunter-Lab	47.598, 15.98, -87.181
Binary	00101110, 01111110, 11111110

#2e7efe
```
#2e7efe rgb(46,126,254)
```
#feae2e
```
#feae2e rgb(254,174,46)
```

Complementary Color

#2ee6fe
```
#2ee6fe rgb(46,230,254)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#462efe
```
#462efe rgb(70,46,254)
```

Analogous Color

#e6fe2e
```
#e6fe2e rgb(230,254,46)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#fe462e
```
#fe462e rgb(254,70,46)
```

Split Complementary Color

#7efe2e
```
#7efe2e rgb(126,254,46)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#fe2e7e
```
#fe2e7e rgb(254,46,126)
```

Triadic Color

#2efeae
```
#2efeae rgb(46,254,174)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#fe2e7e
```
#fe2e7e rgb(254,46,126)
```
#feae2e
```
#feae2e rgb(254,174,46)
```

Tetradic Color

#0156de
```
#0156de rgb(1,86,222)
```
#0160f8
```
#0160f8 rgb(1,96,248)
```
#156efe
```
#156efe rgb(21,110,254)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#478efe
```
#478efe rgb(71,142,254)
```
#619dfe
```
#619dfe rgb(97,157,254)
```
#7aadfe
```
#7aadfe rgb(122,173,254)
```

Monochromatic Color

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

#2eb2fe
```
#2eb2fe rgb(46,178,254)
```
#2ea1fe
```
#2ea1fe rgb(46,161,254)
```
#2e8ffe
```
#2e8ffe rgb(46,143,254)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#2e6dfe
```
#2e6dfe rgb(46,109,254)
```
#2e5bfe
```
#2e5bfe rgb(46,91,254)
```
#2e4afe
```
#2e4afe rgb(46,74,254)
```

Similar Colors

Text with hexadecimal color #2e7efe

This text has a font color of #2e7efe.

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

#2e7efe background color

This paragraph has a background color of #2e7efe.

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

#2e7efe border color

This element has a border color of #2e7efe.

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

CSS codes

.text {color:#2e7efe;}

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

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

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 #f1f6ff is the lightest one.

#000206
```
#000206 rgb(0,2,6)
```
#000a19
```
#000a19 rgb(0,10,25)
```
#00112d
```
#00112d rgb(0,17,45)
```
#001940
```
#001940 rgb(0,25,64)
```
#002054
```
#002054 rgb(0,32,84)
```
#002867
```
#002867 rgb(0,40,103)
```
#01307b
```
#01307b rgb(1,48,123)
```
#01378e
```
#01378e rgb(1,55,142)
```
#013fa2
```
#013fa2 rgb(1,63,162)
```
#0146b5
```
#0146b5 rgb(1,70,181)
```
#014ec9
```
#014ec9 rgb(1,78,201)
```
#0155dc
```
#0155dc rgb(1,85,220)
```
#015df0
```
#015df0 rgb(1,93,240)
```

Shade Color Variation

#0766fe
```
#0766fe rgb(7,102,254)
```
#1a72fe
```
#1a72fe rgb(26,114,254)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```
#428afe
```
#428afe rgb(66,138,254)
```
#5596fe
```
#5596fe rgb(85,150,254)
```
#69a2fe
```
#69a2fe rgb(105,162,254)
```
#7caefe
```
#7caefe rgb(124,174,254)
```
#90bafe
```
#90bafe rgb(144,186,254)
```
#a3c6ff
```
#a3c6ff rgb(163,198,255)
```
#b7d2ff
```
#b7d2ff rgb(183,210,255)
```
#cadeff
```
#cadeff rgb(202,222,255)
```
#deeaff
```
#deeaff rgb(222,234,255)
```
#f1f6ff
```
#f1f6ff rgb(241,246,255)
```

Tint Color Variation

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

#8f949d
```
#8f949d rgb(143,148,157)
```
#8793a5
```
#8793a5 rgb(135,147,165)
```
#7f91ad
```
#7f91ad rgb(127,145,173)
```
#778fb5
```
#778fb5 rgb(119,143,181)
```
#6f8dbd
```
#6f8dbd rgb(111,141,189)
```
#678bc5
```
#678bc5 rgb(103,139,197)
```
#5e89ce
```
#5e89ce rgb(94,137,206)
```
#5687d6
```
#5687d6 rgb(86,135,214)
```
#4e85de
```
#4e85de rgb(78,133,222)
```
#4684e6
```
#4684e6 rgb(70,132,230)
```
#3e82ee
```
#3e82ee rgb(62,130,238)
```
#3680f6
```
#3680f6 rgb(54,128,246)
```
#2e7efe
```
#2e7efe rgb(46,126,254)
```

Tone Color Variation

Below, you can see how #2e7efe 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
#677790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3085fe Protanopia 1% of men
#008ce5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#2f82fe Protanomaly 1% of men, 0.01% of women
#1087ee Deuteranomaly 6% of men, 0.4% of women
#108dc2 Tritanomaly 0.01% of the population

#2e7efe hex color

#2e7efe Color Information

#2e7efe Color Conversion

Color Schemes with #2e7efe

Alternatives to #2e7efe

#2e7efe Preview

Shades and Tints of #2e7efe

Tones of #2e7efe

Color Blindness Simulator