#5454e8 hex color

In a RGB color space, hex #5454e8 is composed of 32.9% red, 32.9% green and 91% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 63.8% magenta, 0% yellow and 9% black. It has a hue angle of 240 degrees, a saturation of 76.3% and a lightness of 62%. #5454e8 color hex could be obtained by blending #a8a8ff with #0000d1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 33
- B 91
RGB color chart
- C 64
- M 64
- Y 0
- K 9
CMYK color chart

● #5454e8 color description : Soft blue.

The hexadecimal color #5454e8 has RGB values of R:84, G:84, B:232 and CMYK values of C:0.64, M:0.64, Y:0, K:0.09. Its decimal value is 5526760.

Hex triplet	5454e8	`#5454e8`
RGB Decimal	84, 84, 232	`rgb(84,84,232)`
RGB Percent	32.9, 32.9, 91	`rgb(32.9%,32.9%,91%)`
CMYK	64, 64, 0, 9
HSL	240°, 76.3, 62	`hsl(240,76.3%,62%)`
HSV (or HSB)	240°, 63.8, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.305, 44.19, -74.921
XYZ	21.389, 14.051, 77.924
xyY	0.189, 0.124, 14.051
CIE-LCH	44.305, 86.982, 300.533
CIE-LUV	44.305, -8.185, -113.424
Hunter-Lab	37.484, 36.258, -97.017
Binary	01010100, 01010100, 11101000

#5454e8
```
#5454e8 rgb(84,84,232)
```
#e8e854
```
#e8e854 rgb(232,232,84)
```

Complementary Color

#549ee8
```
#549ee8 rgb(84,158,232)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#9e54e8
```
#9e54e8 rgb(158,84,232)
```

Analogous Color

#9ee854
```
#9ee854 rgb(158,232,84)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#e89e54
```
#e89e54 rgb(232,158,84)
```

Split Complementary Color

#54e854
```
#54e854 rgb(84,232,84)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#e85454
```
#e85454 rgb(232,84,84)
```

Triadic Color

#54e8e8
```
#54e8e8 rgb(84,232,232)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#e85454
```
#e85454 rgb(232,84,84)
```
#e8e854
```
#e8e854 rgb(232,232,84)
```

Tetradic Color

#1c1cd3
```
#1c1cd3 rgb(28,28,211)
```
#2727e2
```
#2727e2 rgb(39,39,226)
```
#3e3ee5
```
#3e3ee5 rgb(62,62,229)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#6a6aeb
```
#6a6aeb rgb(106,106,235)
```
#8181ee
```
#8181ee rgb(129,129,238)
```
#9797f1
```
#9797f1 rgb(151,151,241)
```

Monochromatic Color

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

#5479e8
```
#5479e8 rgb(84,121,232)
```
#546de8
```
#546de8 rgb(84,109,232)
```
#5460e8
```
#5460e8 rgb(84,96,232)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#6054e8
```
#6054e8 rgb(96,84,232)
```
#6d54e8
```
#6d54e8 rgb(109,84,232)
```
#7954e8
```
#7954e8 rgb(121,84,232)
```

Similar Colors

Text with hexadecimal color #5454e8

This text has a font color of #5454e8.

<span style="color:#5454e8;">Text here</span>

#5454e8 background color

This paragraph has a background color of #5454e8.

<p style="background-color:#5454e8;">Content here</p>

#5454e8 border color

This element has a border color of #5454e8.

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

CSS codes

.text {color:#5454e8;}

.background {background-color:#5454e8;}

.border {border:1px solid #5454e8;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030313
```
#030313 rgb(3,3,19)
```
#050524
```
#050524 rgb(5,5,36)
```
#070736
```
#070736 rgb(7,7,54)
```
#0a0a47
```
#0a0a47 rgb(10,10,71)
```
#0c0c58
```
#0c0c58 rgb(12,12,88)
```
#0e0e6a
```
#0e0e6a rgb(14,14,106)
```
#11117b
```
#11117b rgb(17,17,123)
```
#13138c
```
#13138c rgb(19,19,140)
```
#15159e
```
#15159e rgb(21,21,158)
```
#1818af
```
#1818af rgb(24,24,175)
```
#1a1ac0
```
#1a1ac0 rgb(26,26,192)
```
#1c1cd1
```
#1c1cd1 rgb(28,28,209)
```

Shade Color Variation

#2020e1
```
#2020e1 rgb(32,32,225)
```
#3131e3
```
#3131e3 rgb(49,49,227)
```
#4343e6
```
#4343e6 rgb(67,67,230)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#6565ea
```
#6565ea rgb(101,101,234)
```
#7777ed
```
#7777ed rgb(119,119,237)
```
#8888ef
```
#8888ef rgb(136,136,239)
```
#9999f1
```
#9999f1 rgb(153,153,241)
```
#aaaaf4
```
#aaaaf4 rgb(170,170,244)
```
#bcbcf6
```
#bcbcf6 rgb(188,188,246)
```
#cdcdf8
```
#cdcdf8 rgb(205,205,248)
```
#dedefb
```
#dedefb rgb(222,222,251)
```
#f0f0fd
```
#f0f0fd rgb(240,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9797a5 is the less saturated color, while #3e3efe is the most saturated one.

#9797a5
```
#9797a5 rgb(151,151,165)
```
#9090ac
```
#9090ac rgb(144,144,172)
```
#8888b4
```
#8888b4 rgb(136,136,180)
```
#8181bb
```
#8181bb rgb(129,129,187)
```
#7979c3
```
#7979c3 rgb(121,121,195)
```
#7272ca
```
#7272ca rgb(114,114,202)
```
#6a6ad2
```
#6a6ad2 rgb(106,106,210)
```
#6363d9
```
#6363d9 rgb(99,99,217)
```
#5b5be1
```
#5b5be1 rgb(91,91,225)
```
#5454e8
```
#5454e8 rgb(84,84,232)
```
#4d4def
```
#4d4def rgb(77,77,239)
```
#4545f7
```
#4545f7 rgb(69,69,247)
```
#3e3efe
```
#3e3efe rgb(62,62,254)
```

Tone Color Variation

Below, you can see how #5454e8 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

#656565 Achromatopsia 0.005% of the population
#62627f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#1e64dc Protanomaly 1% of men, 0.01% of women
#1e67ca Deuteranomaly 6% of men, 0.4% of women
#1e6da8 Tritanomaly 0.01% of the population

#5454e8 hex color

#5454e8 Color Information

#5454e8 Color Conversion

Color Schemes with #5454e8

Alternatives to #5454e8

#5454e8 Preview

Shades and Tints of #5454e8

Tones of #5454e8

Color Blindness Simulator