#2e56fd hex color

In a RGB color space, hex #2e56fd is composed of 18% red, 33.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 66% magenta, 0% yellow and 0.8% black. It has a hue angle of 228.4 degrees, a saturation of 98.1% and a lightness of 58.6%. #2e56fd color hex could be obtained by blending #5cacff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 34
- B 99
RGB color chart
- C 82
- M 66
- Y 0
- K 1
CMYK color chart

● #2e56fd color description : Bright blue.

The hexadecimal color #2e56fd has RGB values of R:46, G:86, B:253 and CMYK values of C:0.82, M:0.66, Y:0, K:0.01. Its decimal value is 3036925.

Hex triplet	2e56fd	`#2e56fd`
RGB Decimal	46, 86, 253	`rgb(46,86,253)`
RGB Percent	18, 33.7, 99.2	`rgb(18%,33.7%,99.2%)`
CMYK	82, 66, 0, 1
HSL	228.4°, 98.1, 58.6	`hsl(228.4,98.1%,58.6%)`
HSV (or HSB)	228.4°, 81.8, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.698, 46.204, -86.136
XYZ	22.18, 14.327, 94.519
xyY	0.169, 0.109, 14.327
CIE-LCH	44.698, 97.746, 298.209
CIE-LUV	44.698, -15.939, -128.23
Hunter-Lab	37.851, 38.363, -121.562
Binary	00101110, 01010110, 11111101

#2e56fd
```
#2e56fd rgb(46,86,253)
```
#fdd52e
```
#fdd52e rgb(253,213,46)
```

Complementary Color

#2ebefd
```
#2ebefd rgb(46,190,253)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#6e2efd
```
#6e2efd rgb(110,46,253)
```

Analogous Color

#befd2e
```
#befd2e rgb(190,253,46)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#fd6e2e
```
#fd6e2e rgb(253,110,46)
```

Split Complementary Color

#56fd2e
```
#56fd2e rgb(86,253,46)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#fd2e56
```
#fd2e56 rgb(253,46,86)
```

Triadic Color

#2efdd5
```
#2efdd5 rgb(46,253,213)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#fd2e56
```
#fd2e56 rgb(253,46,86)
```
#fdd52e
```
#fdd52e rgb(253,213,46)
```

Tetradic Color

#022cdc
```
#022cdc rgb(2,44,220)
```
#0231f6
```
#0231f6 rgb(2,49,246)
```
#1542fd
```
#1542fd rgb(21,66,253)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#476afd
```
#476afd rgb(71,106,253)
```
#617ffd
```
#617ffd rgb(97,127,253)
```
#7a93fe
```
#7a93fe rgb(122,147,254)
```

Monochromatic Color

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

#2e8afd
```
#2e8afd rgb(46,138,253)
```
#2e79fd
```
#2e79fd rgb(46,121,253)
```
#2e67fd
```
#2e67fd rgb(46,103,253)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#2e45fd
```
#2e45fd rgb(46,69,253)
```
#2e34fd
```
#2e34fd rgb(46,52,253)
```
#3a2efd
```
#3a2efd rgb(58,46,253)
```

Similar Colors

Text with hexadecimal color #2e56fd

This text has a font color of #2e56fd.

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

#2e56fd background color

This paragraph has a background color of #2e56fd.

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

#2e56fd border color

This element has a border color of #2e56fd.

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

CSS codes

.text {color:#2e56fd;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000518
```
#000518 rgb(0,5,24)
```
#00092c
```
#00092c rgb(0,9,44)
```
#010d3f
```
#010d3f rgb(1,13,63)
```
#011152
```
#011152 rgb(1,17,82)
```
#011466
```
#011466 rgb(1,20,102)
```
#011879
```
#011879 rgb(1,24,121)
```
#011c8d
```
#011c8d rgb(1,28,141)
```
#0220a0
```
#0220a0 rgb(2,32,160)
```
#0224b4
```
#0224b4 rgb(2,36,180)
```
#0228c7
```
#0228c7 rgb(2,40,199)
```
#022cda
```
#022cda rgb(2,44,218)
```
#0230ee
```
#0230ee rgb(2,48,238)
```

Shade Color Variation

#0737fd
```
#0737fd rgb(7,55,253)
```
#1b46fd
```
#1b46fd rgb(27,70,253)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```
#4166fd
```
#4166fd rgb(65,102,253)
```
#5575fd
```
#5575fd rgb(85,117,253)
```
#6885fe
```
#6885fe rgb(104,133,254)
```
#7c95fe
```
#7c95fe rgb(124,149,254)
```
#8fa5fe
```
#8fa5fe rgb(143,165,254)
```
#a3b4fe
```
#a3b4fe rgb(163,180,254)
```
#b6c4fe
```
#b6c4fe rgb(182,196,254)
```
#c9d4fe
```
#c9d4fe rgb(201,212,254)
```
#dde3ff
```
#dde3ff rgb(221,227,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#8f929c
```
#8f929c rgb(143,146,156)
```
#878da4
```
#878da4 rgb(135,141,164)
```
#7f88ac
```
#7f88ac rgb(127,136,172)
```
#7783b4
```
#7783b4 rgb(119,131,180)
```
#6f7ebc
```
#6f7ebc rgb(111,126,188)
```
#6779c4
```
#6779c4 rgb(103,121,196)
```
#5f74cc
```
#5f74cc rgb(95,116,204)
```
#576fd4
```
#576fd4 rgb(87,111,212)
```
#4e6add
```
#4e6add rgb(78,106,221)
```
#4665e5
```
#4665e5 rgb(70,101,229)
```
#3e60ed
```
#3e60ed rgb(62,96,237)
```
#365bf5
```
#365bf5 rgb(54,91,245)
```
#2e56fd
```
#2e56fd rgb(46,86,253)
```

Tone Color Variation

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

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1065e4 Protanomaly 1% of men, 0.01% of women
#1069d2 Deuteranomaly 6% of men, 0.4% of women
#106eaf Tritanomaly 0.01% of the population

#2e56fd hex color

#2e56fd Color Information

#2e56fd Color Conversion

Color Schemes with #2e56fd

Alternatives to #2e56fd

#2e56fd Preview

Shades and Tints of #2e56fd

Tones of #2e56fd

Color Blindness Simulator