#2e56f8 hex color

In a RGB color space, hex #2e56f8 is composed of 18% red, 33.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 65.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 228.1 degrees, a saturation of 93.5% and a lightness of 57.6%. #2e56f8 color hex could be obtained by blending #5cacff with #0000f1. 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

● #2e56f8 color description : Bright blue.

The hexadecimal color #2e56f8 has RGB values of R:46, G:86, B:248 and CMYK values of C:0.81, M:0.65, Y:0, K:0.03. Its decimal value is 3036920.

Hex triplet	2e56f8	`#2e56f8`
RGB Decimal	46, 86, 248	`rgb(46,86,248)`
RGB Percent	18, 33.7, 97.3	`rgb(18%,33.7%,97.3%)`
CMYK	81, 65, 0, 3
HSL	228.1°, 93.5, 57.6	`hsl(228.1,93.5%,57.6%)`
HSV (or HSB)	228.1°, 81.5, 97.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.25, 44.452, -84.08
XYZ	21.394, 14.012, 90.379
xyY	0.17, 0.111, 14.012
CIE-LCH	44.25, 95.107, 297.865
CIE-LUV	44.25, -15.882, -125.106
Hunter-Lab	37.433, 36.512, -116.949
Binary	00101110, 01010110, 11111000

#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#f8d02e
```
#f8d02e rgb(248,208,46)
```

Complementary Color

#2ebbf8
```
#2ebbf8 rgb(46,187,248)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#6b2ef8
```
#6b2ef8 rgb(107,46,248)
```

Analogous Color

#bbf82e
```
#bbf82e rgb(187,248,46)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#f86b2e
```
#f86b2e rgb(248,107,46)
```

Split Complementary Color

#56f82e
```
#56f82e rgb(86,248,46)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#f82e56
```
#f82e56 rgb(248,46,86)
```

Triadic Color

#2ef8d0
```
#2ef8d0 rgb(46,248,208)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#f82e56
```
#f82e56 rgb(248,46,86)
```
#f8d02e
```
#f8d02e rgb(248,208,46)
```

Tetradic Color

#072fd2
```
#072fd2 rgb(7,47,210)
```
#0835eb
```
#0835eb rgb(8,53,235)
```
#1542f7
```
#1542f7 rgb(21,66,247)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#476af9
```
#476af9 rgb(71,106,249)
```
#5f7efa
```
#5f7efa rgb(95,126,250)
```
#7892fa
```
#7892fa rgb(120,146,250)
```

Monochromatic Color

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

#2e89f8
```
#2e89f8 rgb(46,137,248)
```
#2e78f8
```
#2e78f8 rgb(46,120,248)
```
#2e67f8
```
#2e67f8 rgb(46,103,248)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#2e45f8
```
#2e45f8 rgb(46,69,248)
```
#2e34f8
```
#2e34f8 rgb(46,52,248)
```
#382ef8
```
#382ef8 rgb(56,46,248)
```

Similar Colors

Text with hexadecimal color #2e56f8

This text has a font color of #2e56f8.

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

#2e56f8 background color

This paragraph has a background color of #2e56f8.

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

#2e56f8 border color

This element has a border color of #2e56f8.

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

CSS codes

.text {color:#2e56f8;}

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

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

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

#010413
```
#010413 rgb(1,4,19)
```
#010826
```
#010826 rgb(1,8,38)
```
#020d39
```
#020d39 rgb(2,13,57)
```
#03114c
```
#03114c rgb(3,17,76)
```
#03155f
```
#03155f rgb(3,21,95)
```
#041a72
```
#041a72 rgb(4,26,114)
```
#041e85
```
#041e85 rgb(4,30,133)
```
#052298
```
#052298 rgb(5,34,152)
```
#0626ab
```
#0626ab rgb(6,38,171)
```
#062bbe
```
#062bbe rgb(6,43,190)
```
#072fd1
```
#072fd1 rgb(7,47,209)
```
#0833e4
```
#0833e4 rgb(8,51,228)
```
#0837f7
```
#0837f7 rgb(8,55,247)
```

Shade Color Variation

#1b47f7
```
#1b47f7 rgb(27,71,247)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```
#4165f9
```
#4165f9 rgb(65,101,249)
```
#5475f9
```
#5475f9 rgb(84,117,249)
```
#6784fa
```
#6784fa rgb(103,132,250)
```
#7a93fb
```
#7a93fb rgb(122,147,251)
```
#8da3fb
```
#8da3fb rgb(141,163,251)
```
#a0b2fc
```
#a0b2fc rgb(160,178,252)
```
#b3c1fc
```
#b3c1fc rgb(179,193,252)
```
#c6d1fd
```
#c6d1fd rgb(198,209,253)
```
#d9e0fe
```
#d9e0fe rgb(217,224,254)
```
#eceffe
```
#eceffe rgb(236,239,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#929294
```
#929294 rgb(146,146,148)
```
#898d9d
```
#898d9d rgb(137,141,157)
```
#8188a5
```
#8188a5 rgb(129,136,165)
```
#7983ad
```
#7983ad rgb(121,131,173)
```
#707eb6
```
#707eb6 rgb(112,126,182)
```
#6879be
```
#6879be rgb(104,121,190)
```
#6074c6
```
#6074c6 rgb(96,116,198)
```
#586fce
```
#586fce rgb(88,111,206)
```
#4f6ad7
```
#4f6ad7 rgb(79,106,215)
```
#4765df
```
#4765df rgb(71,101,223)
```
#3f60e7
```
#3f60e7 rgb(63,96,231)
```
#365bf0
```
#365bf0 rgb(54,91,240)
```
#2e56f8
```
#2e56f8 rgb(46,86,248)
```

Tone Color Variation

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

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#1064e1 Protanomaly 1% of men, 0.01% of women
#1068cf Deuteranomaly 6% of men, 0.4% of women
#106dac Tritanomaly 0.01% of the population

#2e56f8 hex color

#2e56f8 Color Information

#2e56f8 Color Conversion

Color Schemes with #2e56f8

Alternatives to #2e56f8

#2e56f8 Preview

Shades and Tints of #2e56f8

Tones of #2e56f8

Color Blindness Simulator