#2e57f7 hex color

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

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

● #2e57f7 color description : Bright blue.

The hexadecimal color #2e57f7 has RGB values of R:46, G:87, B:247 and CMYK values of C:0.81, M:0.65, Y:0, K:0.03. Its decimal value is 3037175.

Hex triplet	2e57f7	`#2e57f7`
RGB Decimal	46, 87, 247	`rgb(46,87,247)`
RGB Percent	18, 34.1, 96.9	`rgb(18%,34.1%,96.9%)`
CMYK	81, 65, 0, 3
HSL	227.8°, 92.6, 57.5	`hsl(227.8,92.6%,57.5%)`
HSV (or HSB)	227.8°, 81.4, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.392, 43.489, -83.288
XYZ	21.32, 14.111, 89.591
xyY	0.171, 0.113, 14.111
CIE-LCH	44.392, 93.959, 297.571
CIE-LUV	44.392, -16.088, -124.206
Hunter-Lab	37.565, 35.57, -115.11
Binary	00101110, 01010111, 11110111

#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#f7ce2e
```
#f7ce2e rgb(247,206,46)
```

Complementary Color

#2ebcf7
```
#2ebcf7 rgb(46,188,247)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#6a2ef7
```
#6a2ef7 rgb(106,46,247)
```

Analogous Color

#bcf72e
```
#bcf72e rgb(188,247,46)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#f76a2e
```
#f76a2e rgb(247,106,46)
```

Split Complementary Color

#57f72e
```
#57f72e rgb(87,247,46)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#f72e57
```
#f72e57 rgb(247,46,87)
```

Triadic Color

#2ef7ce
```
#2ef7ce rgb(46,247,206)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#f72e57
```
#f72e57 rgb(247,46,87)
```
#f7ce2e
```
#f7ce2e rgb(247,206,46)
```

Tetradic Color

#0831d1
```
#0831d1 rgb(8,49,209)
```
#0937e9
```
#0937e9 rgb(9,55,233)
```
#1543f6
```
#1543f6 rgb(21,67,246)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#476bf8
```
#476bf8 rgb(71,107,248)
```
#5f7ef9
```
#5f7ef9 rgb(95,126,249)
```
#7892fa
```
#7892fa rgb(120,146,250)
```

Monochromatic Color

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

#2e89f7
```
#2e89f7 rgb(46,137,247)
```
#2e79f7
```
#2e79f7 rgb(46,121,247)
```
#2e68f7
```
#2e68f7 rgb(46,104,247)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#2e46f7
```
#2e46f7 rgb(46,70,247)
```
#2e36f7
```
#2e36f7 rgb(46,54,247)
```
#372ef7
```
#372ef7 rgb(55,46,247)
```

Similar Colors

Text with hexadecimal color #2e57f7

This text has a font color of #2e57f7.

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

#2e57f7 background color

This paragraph has a background color of #2e57f7.

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

#2e57f7 border color

This element has a border color of #2e57f7.

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

CSS codes

.text {color:#2e57f7;}

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

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

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

#010412
```
#010412 rgb(1,4,18)
```
#010925
```
#010925 rgb(1,9,37)
```
#020d37
```
#020d37 rgb(2,13,55)
```
#03114a
```
#03114a rgb(3,17,74)
```
#04165d
```
#04165d rgb(4,22,93)
```
#041a70
```
#041a70 rgb(4,26,112)
```
#051f83
```
#051f83 rgb(5,31,131)
```
#062396
```
#062396 rgb(6,35,150)
```
#0628a9
```
#0628a9 rgb(6,40,169)
```
#072cbc
```
#072cbc rgb(7,44,188)
```
#0830cf
```
#0830cf rgb(8,48,207)
```
#0935e2
```
#0935e2 rgb(9,53,226)
```
#0939f4
```
#0939f4 rgb(9,57,244)
```

Shade Color Variation

#1b48f6
```
#1b48f6 rgb(27,72,246)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```
#4166f8
```
#4166f8 rgb(65,102,248)
```
#5475f8
```
#5475f8 rgb(84,117,248)
```
#6785f9
```
#6785f9 rgb(103,133,249)
```
#7a94fa
```
#7a94fa rgb(122,148,250)
```
#8ca3fb
```
#8ca3fb rgb(140,163,251)
```
#9fb2fb
```
#9fb2fb rgb(159,178,251)
```
#b2c1fc
```
#b2c1fc rgb(178,193,252)
```
#c5d0fd
```
#c5d0fd rgb(197,208,253)
```
#d8e0fe
```
#d8e0fe rgb(216,224,254)
```
#ebeffe
```
#ebeffe rgb(235,239,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 #2e57f7 is the most saturated one.

#929293
```
#929293 rgb(146,146,147)
```
#8a8d9b
```
#8a8d9b rgb(138,141,155)
```
#8188a4
```
#8188a4 rgb(129,136,164)
```
#7983ac
```
#7983ac rgb(121,131,172)
```
#717fb4
```
#717fb4 rgb(113,127,180)
```
#687abd
```
#687abd rgb(104,122,189)
```
#6075c5
```
#6075c5 rgb(96,117,197)
```
#5870cd
```
#5870cd rgb(88,112,205)
```
#4f6bd6
```
#4f6bd6 rgb(79,107,214)
```
#4766de
```
#4766de rgb(71,102,222)
```
#3f61e6
```
#3f61e6 rgb(63,97,230)
```
#365cef
```
#365cef rgb(54,92,239)
```
#2e57f7
```
#2e57f7 rgb(46,87,247)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#545c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1065e1 Protanomaly 1% of men, 0.01% of women
#1069cf Deuteranomaly 6% of men, 0.4% of women
#106eac Tritanomaly 0.01% of the population

#2e57f7 hex color

#2e57f7 Color Information

#2e57f7 Color Conversion

Color Schemes with #2e57f7

Alternatives to #2e57f7

#2e57f7 Preview

Shades and Tints of #2e57f7

Tones of #2e57f7

Color Blindness Simulator