#2e5ff7 hex color

In a RGB color space, hex #2e5ff7 is composed of 18% red, 37.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 61.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 225.4 degrees, a saturation of 92.6% and a lightness of 57.5%. #2e5ff7 color hex could be obtained by blending #5cbeff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 37
- B 97
RGB color chart
- C 81
- M 62
- Y 0
- K 3
CMYK color chart

● #2e5ff7 color description : Bright blue.

The hexadecimal color #2e5ff7 has RGB values of R:46, G:95, B:247 and CMYK values of C:0.81, M:0.62, Y:0, K:0.03. Its decimal value is 3039223.

Hex triplet	2e5ff7	`#2e5ff7`
RGB Decimal	46, 95, 247	`rgb(46,95,247)`
RGB Percent	18, 37.3, 96.9	`rgb(18%,37.3%,96.9%)`
CMYK	81, 62, 0, 3
HSL	225.4°, 92.6, 57.5	`hsl(225.4,92.6%,57.5%)`
HSV (or HSB)	225.4°, 81.4, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.283, 38.55, -80.186
XYZ	22.004, 15.479, 89.819
xyY	0.173, 0.122, 15.479
CIE-LCH	46.283, 88.971, 295.677
CIE-LUV	46.283, -17.904, -121.718
Hunter-Lab	39.343, 30.98, -107.815
Binary	00101110, 01011111, 11110111

#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#f7c62e
```
#f7c62e rgb(247,198,46)
```

Complementary Color

#2ec4f7
```
#2ec4f7 rgb(46,196,247)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#612ef7
```
#612ef7 rgb(97,46,247)
```

Analogous Color

#c4f72e
```
#c4f72e rgb(196,247,46)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#f7612e
```
#f7612e rgb(247,97,46)
```

Split Complementary Color

#5ff72e
```
#5ff72e rgb(95,247,46)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#f72e5f
```
#f72e5f rgb(247,46,95)
```

Triadic Color

#2ef7c6
```
#2ef7c6 rgb(46,247,198)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#f72e5f
```
#f72e5f rgb(247,46,95)
```
#f7c62e
```
#f7c62e rgb(247,198,46)
```

Tetradic Color

#0839d1
```
#0839d1 rgb(8,57,209)
```
#0940e9
```
#0940e9 rgb(9,64,233)
```
#154cf6
```
#154cf6 rgb(21,76,246)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#4772f8
```
#4772f8 rgb(71,114,248)
```
#5f85f9
```
#5f85f9 rgb(95,133,249)
```
#7897fa
```
#7897fa rgb(120,151,250)
```

Monochromatic Color

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

#2e91f7
```
#2e91f7 rgb(46,145,247)
```
#2e81f7
```
#2e81f7 rgb(46,129,247)
```
#2e70f7
```
#2e70f7 rgb(46,112,247)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#2e4ef7
```
#2e4ef7 rgb(46,78,247)
```
#2e3ef7
```
#2e3ef7 rgb(46,62,247)
```
#2f2ef7
```
#2f2ef7 rgb(47,46,247)
```

Similar Colors

Text with hexadecimal color #2e5ff7

This text has a font color of #2e5ff7.

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

#2e5ff7 background color

This paragraph has a background color of #2e5ff7.

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

#2e5ff7 border color

This element has a border color of #2e5ff7.

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

CSS codes

.text {color:#2e5ff7;}

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

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

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

#010512
```
#010512 rgb(1,5,18)
```
#010a25
```
#010a25 rgb(1,10,37)
```
#020f37
```
#020f37 rgb(2,15,55)
```
#03144a
```
#03144a rgb(3,20,74)
```
#04195d
```
#04195d rgb(4,25,93)
```
#041f70
```
#041f70 rgb(4,31,112)
```
#052483
```
#052483 rgb(5,36,131)
```
#062996
```
#062996 rgb(6,41,150)
```
#062ea9
```
#062ea9 rgb(6,46,169)
```
#0733bc
```
#0733bc rgb(7,51,188)
```
#0838cf
```
#0838cf rgb(8,56,207)
```
#093ee2
```
#093ee2 rgb(9,62,226)
```
#0943f4
```
#0943f4 rgb(9,67,244)
```

Shade Color Variation

#1b51f6
```
#1b51f6 rgb(27,81,246)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```
#416df8
```
#416df8 rgb(65,109,248)
```
#547cf8
```
#547cf8 rgb(84,124,248)
```
#678af9
```
#678af9 rgb(103,138,249)
```
#7a99fa
```
#7a99fa rgb(122,153,250)
```
#8ca7fb
```
#8ca7fb rgb(140,167,251)
```
#9fb6fb
```
#9fb6fb rgb(159,182,251)
```
#b2c4fc
```
#b2c4fc rgb(178,196,252)
```
#c5d3fd
```
#c5d3fd rgb(197,211,253)
```
#d8e1fe
```
#d8e1fe rgb(216,225,254)
```
#ebf0fe
```
#ebf0fe rgb(235,240,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#929293
```
#929293 rgb(146,146,147)
```
#8a8e9b
```
#8a8e9b rgb(138,142,155)
```
#818aa4
```
#818aa4 rgb(129,138,164)
```
#7985ac
```
#7985ac rgb(121,133,172)
```
#7181b4
```
#7181b4 rgb(113,129,180)
```
#687dbd
```
#687dbd rgb(104,125,189)
```
#6079c5
```
#6079c5 rgb(96,121,197)
```
#5874cd
```
#5874cd rgb(88,116,205)
```
#4f70d6
```
#4f70d6 rgb(79,112,214)
```
#476cde
```
#476cde rgb(71,108,222)
```
#3f68e6
```
#3f68e6 rgb(63,104,230)
```
#3663ef
```
#3663ef rgb(54,99,239)
```
#2e5ff7
```
#2e5ff7 rgb(46,95,247)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#106ae7 Protanomaly 1% of men, 0.01% of women
#106fd4 Deuteranomaly 6% of men, 0.4% of women
#1074b0 Tritanomaly 0.01% of the population

#2e5ff7 hex color

#2e5ff7 Color Information

#2e5ff7 Color Conversion

Color Schemes with #2e5ff7

Alternatives to #2e5ff7

#2e5ff7 Preview

Shades and Tints of #2e5ff7

Tones of #2e5ff7

Color Blindness Simulator