#2e54c4 hex color

In a RGB color space, hex #2e54c4 is composed of 18% red, 32.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 57.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 224.8 degrees, a saturation of 62% and a lightness of 47.5%. #2e54c4 color hex could be obtained by blending #5ca8ff with #000089. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 33
- B 77
RGB color chart
- C 77
- M 57
- Y 0
- K 23
CMYK color chart

● #2e54c4 color description : Strong blue.

The hexadecimal color #2e54c4 has RGB values of R:46, G:84, B:196 and CMYK values of C:0.77, M:0.57, Y:0, K:0.23. Its decimal value is 3036356.

Hex triplet	2e54c4	`#2e54c4`
RGB Decimal	46, 84, 196	`rgb(46,84,196)`
RGB Percent	18, 32.9, 76.9	`rgb(18%,32.9%,76.9%)`
CMYK	77, 57, 0, 23
HSL	224.8°, 62, 47.5	`hsl(224.8,62%,47.5%)`
HSV (or HSB)	224.8°, 76.5, 76.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.422, 26.789, -62.339
XYZ	14.259, 10.906, 53.575
xyY	0.181, 0.139, 10.906
CIE-LCH	39.422, 67.851, 293.254
CIE-LUV	39.422, -15.059, -91.443
Hunter-Lab	33.024, 19.278, -73.069
Binary	00101110, 01010100, 11000100

#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#c49e2e
```
#c49e2e rgb(196,158,46)
```

Complementary Color

#2e9fc4
```
#2e9fc4 rgb(46,159,196)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#532ec4
```
#532ec4 rgb(83,46,196)
```

Analogous Color

#9fc42e
```
#9fc42e rgb(159,196,46)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#c4532e
```
#c4532e rgb(196,83,46)
```

Split Complementary Color

#54c42e
```
#54c42e rgb(84,196,46)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#c42e54
```
#c42e54 rgb(196,46,84)
```

Triadic Color

#2ec49e
```
#2ec49e rgb(46,196,158)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#c42e54
```
#c42e54 rgb(196,46,84)
```
#c49e2e
```
#c49e2e rgb(196,158,46)
```

Tetradic Color

#1f3986
```
#1f3986 rgb(31,57,134)
```
#24429b
```
#24429b rgb(36,66,155)
```
#294baf
```
#294baf rgb(41,75,175)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#3b61d1
```
#3b61d1 rgb(59,97,209)
```
#4f71d6
```
#4f71d6 rgb(79,113,214)
```
#6482db
```
#6482db rgb(100,130,219)
```

Monochromatic Color

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

#2e7ac4
```
#2e7ac4 rgb(46,122,196)
```
#2e6dc4
```
#2e6dc4 rgb(46,109,196)
```
#2e60c4
```
#2e60c4 rgb(46,96,196)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#2e47c4
```
#2e47c4 rgb(46,71,196)
```
#2e3bc4
```
#2e3bc4 rgb(46,59,196)
```
#2e2fc4
```
#2e2fc4 rgb(46,47,196)
```

Similar Colors

Text with hexadecimal color #2e54c4

This text has a font color of #2e54c4.

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

#2e54c4 background color

This paragraph has a background color of #2e54c4.

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

#2e54c4 border color

This element has a border color of #2e54c4.

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

CSS codes

.text {color:#2e54c4;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050915
```
#050915 rgb(5,9,21)
```
#091025
```
#091025 rgb(9,16,37)
```
#0c1735
```
#0c1735 rgb(12,23,53)
```
#101e45
```
#101e45 rgb(16,30,69)
```
#142455
```
#142455 rgb(20,36,85)
```
#182b65
```
#182b65 rgb(24,43,101)
```
#1b3275
```
#1b3275 rgb(27,50,117)
```
#1f3984
```
#1f3984 rgb(31,57,132)
```
#234094
```
#234094 rgb(35,64,148)
```
#2746a4
```
#2746a4 rgb(39,70,164)
```
#2a4db4
```
#2a4db4 rgb(42,77,180)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```

Shade Color Variation

#365dd0
```
#365dd0 rgb(54,93,208)
```
#466ad4
```
#466ad4 rgb(70,106,212)
```
#5676d7
```
#5676d7 rgb(86,118,215)
```
#6583db
```
#6583db rgb(101,131,219)
```
#7590df
```
#7590df rgb(117,144,223)
```
#859de2
```
#859de2 rgb(133,157,226)
```
#95aae6
```
#95aae6 rgb(149,170,230)
```
#a5b6ea
```
#a5b6ea rgb(165,182,234)
```
#b5c3ee
```
#b5c3ee rgb(181,195,238)
```
#c5d0f1
```
#c5d0f1 rgb(197,208,241)
```
#d5ddf5
```
#d5ddf5 rgb(213,221,245)
```
#e5eaf9
```
#e5eaf9 rgb(229,234,249)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797a is the less saturated color, while #0942e9 is the most saturated one.

#78797a
```
#78797a rgb(120,121,122)
```
#6f7483
```
#6f7483 rgb(111,116,131)
```
#66708c
```
#66708c rgb(102,112,140)
```
#5d6b95
```
#5d6b95 rgb(93,107,149)
```
#53669f
```
#53669f rgb(83,102,159)
```
#4a62a8
```
#4a62a8 rgb(74,98,168)
```
#415db1
```
#415db1 rgb(65,93,177)
```
#3759bb
```
#3759bb rgb(55,89,187)
```
#2e54c4
```
#2e54c4 rgb(46,84,196)
```
#254fcd
```
#254fcd rgb(37,79,205)
```
#1b4bd7
```
#1b4bd7 rgb(27,75,215)
```
#1246e0
```
#1246e0 rgb(18,70,224)
```
#0942e9
```
#0942e9 rgb(9,66,233)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d556b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a8 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#105dc1 Protanomaly 1% of men, 0.01% of women
#1060b2 Deuteranomaly 6% of men, 0.4% of women
#106592 Tritanomaly 0.01% of the population

#2e54c4 hex color

#2e54c4 Color Information

#2e54c4 Color Conversion

Color Schemes with #2e54c4

Alternatives to #2e54c4

#2e54c4 Preview

Shades and Tints of #2e54c4

Tones of #2e54c4

Color Blindness Simulator