#2e54ec hex color

In a RGB color space, hex #2e54ec is composed of 18% red, 32.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 64.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 228 degrees, a saturation of 83.3% and a lightness of 55.3%. #2e54ec color hex could be obtained by blending #5ca8ff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 33
- B 93
RGB color chart
- C 81
- M 64
- Y 0
- K 7
CMYK color chart

● #2e54ec color description : Bright blue.

The hexadecimal color #2e54ec has RGB values of R:46, G:84, B:236 and CMYK values of C:0.81, M:0.64, Y:0, K:0.07. Its decimal value is 3036396.

Hex triplet	2e54ec	`#2e54ec`
RGB Decimal	46, 84, 236	`rgb(46,84,236)`
RGB Percent	18, 32.9, 92.5	`rgb(18%,32.9%,92.5%)`
CMYK	81, 64, 0, 7
HSL	228°, 83.3, 55.3	`hsl(228,83.3%,55.3%)`
HSV (or HSB)	228°, 80.5, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.727, 41.429, -79.841
XYZ	19.434, 12.976, 80.833
xyY	0.172, 0.115, 12.976
CIE-LCH	42.727, 89.949, 297.425
CIE-LUV	42.727, -15.319, -118.062
Hunter-Lab	36.022, 33.262, -107.828
Binary	00101110, 01010100, 11101100

#2e54ec
```
#2e54ec rgb(46,84,236)
```
#ecc62e
```
#ecc62e rgb(236,198,46)
```

Complementary Color

#2eb3ec
```
#2eb3ec rgb(46,179,236)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#672eec
```
#672eec rgb(103,46,236)
```

Analogous Color

#b3ec2e
```
#b3ec2e rgb(179,236,46)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#ec672e
```
#ec672e rgb(236,103,46)
```

Split Complementary Color

#54ec2e
```
#54ec2e rgb(84,236,46)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#ec2e54
```
#ec2e54 rgb(236,46,84)
```

Triadic Color

#2eecc6
```
#2eecc6 rgb(46,236,198)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#ec2e54
```
#ec2e54 rgb(236,46,84)
```
#ecc62e
```
#ecc62e rgb(236,198,46)
```

Tetradic Color

#1133bc
```
#1133bc rgb(17,51,188)
```
#133ad4
```
#133ad4 rgb(19,58,212)
```
#1741ea
```
#1741ea rgb(23,65,234)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#4567ee
```
#4567ee rgb(69,103,238)
```
#5d7af0
```
#5d7af0 rgb(93,122,240)
```
#748df2
```
#748df2 rgb(116,141,242)
```

Monochromatic Color

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

#2e84ec
```
#2e84ec rgb(46,132,236)
```
#2e74ec
```
#2e74ec rgb(46,116,236)
```
#2e64ec
```
#2e64ec rgb(46,100,236)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#2e44ec
```
#2e44ec rgb(46,68,236)
```
#2e34ec
```
#2e34ec rgb(46,52,236)
```
#382eec
```
#382eec rgb(56,46,236)
```

Similar Colors

Text with hexadecimal color #2e54ec

This text has a font color of #2e54ec.

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

#2e54ec background color

This paragraph has a background color of #2e54ec.

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

#2e54ec border color

This element has a border color of #2e54ec.

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

CSS codes

.text {color:#2e54ec;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#020719
```
#020719 rgb(2,7,25)
```
#040c2b
```
#040c2b rgb(4,12,43)
```
#06113d
```
#06113d rgb(6,17,61)
```
#07154f
```
#07154f rgb(7,21,79)
```
#091a61
```
#091a61 rgb(9,26,97)
```
#0a1f73
```
#0a1f73 rgb(10,31,115)
```
#0c2485
```
#0c2485 rgb(12,36,133)
```
#0e2997
```
#0e2997 rgb(14,41,151)
```
#0f2ea9
```
#0f2ea9 rgb(15,46,169)
```
#1133bb
```
#1133bb rgb(17,51,187)
```
#1338cd
```
#1338cd rgb(19,56,205)
```
#143ddf
```
#143ddf rgb(20,61,223)
```

Shade Color Variation

#1c45ea
```
#1c45ea rgb(28,69,234)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#4063ee
```
#4063ee rgb(64,99,238)
```
#5271ef
```
#5271ef rgb(82,113,239)
```
#6480f1
```
#6480f1 rgb(100,128,241)
```
#768ff3
```
#768ff3 rgb(118,143,243)
```
#889ef4
```
#889ef4 rgb(136,158,244)
```
#9aacf6
```
#9aacf6 rgb(154,172,246)
```
#acbbf7
```
#acbbf7 rgb(172,187,247)
```
#becaf9
```
#becaf9 rgb(190,202,249)
```
#d0d8fb
```
#d0d8fb rgb(208,216,251)
```
#e2e7fc
```
#e2e7fc rgb(226,231,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#868994
```
#868994 rgb(134,137,148)
```
#7d839d
```
#7d839d rgb(125,131,157)
```
#747ea6
```
#747ea6 rgb(116,126,166)
```
#6b79af
```
#6b79af rgb(107,121,175)
```
#6374b7
```
#6374b7 rgb(99,116,183)
```
#5a6ec0
```
#5a6ec0 rgb(90,110,192)
```
#5169c9
```
#5169c9 rgb(81,105,201)
```
#4864d2
```
#4864d2 rgb(72,100,210)
```
#405fda
```
#405fda rgb(64,95,218)
```
#3759e3
```
#3759e3 rgb(55,89,227)
```
#2e54ec
```
#2e54ec rgb(46,84,236)
```
#254ff5
```
#254ff5 rgb(37,79,245)
```
#1c49fe
```
#1c49fe rgb(28,73,254)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#1061d9 Protanomaly 1% of men, 0.01% of women
#1065c7 Deuteranomaly 6% of men, 0.4% of women
#106aa5 Tritanomaly 0.01% of the population

#2e54ec hex color

#2e54ec Color Information

#2e54ec Color Conversion

Color Schemes with #2e54ec

Alternatives to #2e54ec

#2e54ec Preview

Shades and Tints of #2e54ec

Tones of #2e54ec

Color Blindness Simulator