#5454e9 hex color

In a RGB color space, hex #5454e9 is composed of 32.9% red, 32.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 63.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 240 degrees, a saturation of 77.2% and a lightness of 62.2%. #5454e9 color hex could be obtained by blending #a8a8ff with #0000d3. 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

● #5454e9 color description : Soft blue.

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

Hex triplet	5454e9	`#5454e9`
RGB Decimal	84, 84, 233	`rgb(84,84,233)`
RGB Percent	32.9, 32.9, 91.4	`rgb(32.9%,32.9%,91.4%)`
CMYK	64, 64, 0, 9
HSL	240°, 77.2, 62.2	`hsl(240,77.2%,62.2%)`
HSV (or HSB)	240°, 63.9, 91.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.387, 44.512, -75.353
XYZ	21.532, 14.108, 78.675
xyY	0.188, 0.123, 14.108
CIE-LCH	44.387, 87.518, 300.571
CIE-LUV	44.387, -8.233, -114.086
Hunter-Lab	37.56, 36.596, -97.899
Binary	01010100, 01010100, 11101001

#5454e9
```
#5454e9 rgb(84,84,233)
```
#e9e954
```
#e9e954 rgb(233,233,84)
```

Complementary Color

#549fe9
```
#549fe9 rgb(84,159,233)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#9f54e9
```
#9f54e9 rgb(159,84,233)
```

Analogous Color

#9fe954
```
#9fe954 rgb(159,233,84)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#e99f54
```
#e99f54 rgb(233,159,84)
```

Split Complementary Color

#54e954
```
#54e954 rgb(84,233,84)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#e95454
```
#e95454 rgb(233,84,84)
```

Triadic Color

#54e9e9
```
#54e9e9 rgb(84,233,233)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#e95454
```
#e95454 rgb(233,84,84)
```
#e9e954
```
#e9e954 rgb(233,233,84)
```

Tetradic Color

#1b1bd5
```
#1b1bd5 rgb(27,27,213)
```
#2727e3
```
#2727e3 rgb(39,39,227)
```
#3d3de6
```
#3d3de6 rgb(61,61,230)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#6b6bec
```
#6b6bec rgb(107,107,236)
```
#8181ef
```
#8181ef rgb(129,129,239)
```
#9898f2
```
#9898f2 rgb(152,152,242)
```

Monochromatic Color

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

#5479e9
```
#5479e9 rgb(84,121,233)
```
#546de9
```
#546de9 rgb(84,109,233)
```
#5460e9
```
#5460e9 rgb(84,96,233)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#6054e9
```
#6054e9 rgb(96,84,233)
```
#6d54e9
```
#6d54e9 rgb(109,84,233)
```
#7954e9
```
#7954e9 rgb(121,84,233)
```

Similar Colors

Text with hexadecimal color #5454e9

This text has a font color of #5454e9.

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

#5454e9 background color

This paragraph has a background color of #5454e9.

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

#5454e9 border color

This element has a border color of #5454e9.

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

CSS codes

.text {color:#5454e9;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#030314
```
#030314 rgb(3,3,20)
```
#050526
```
#050526 rgb(5,5,38)
```
#070737
```
#070737 rgb(7,7,55)
```
#090948
```
#090948 rgb(9,9,72)
```
#0c0c5a
```
#0c0c5a rgb(12,12,90)
```
#0e0e6b
```
#0e0e6b rgb(14,14,107)
```
#10107c
```
#10107c rgb(16,16,124)
```
#12128e
```
#12128e rgb(18,18,142)
```
#14149f
```
#14149f rgb(20,20,159)
```
#1717b1
```
#1717b1 rgb(23,23,177)
```
#1919c2
```
#1919c2 rgb(25,25,194)
```
#1b1bd3
```
#1b1bd3 rgb(27,27,211)
```

Shade Color Variation

#2020e2
```
#2020e2 rgb(32,32,226)
```
#3131e5
```
#3131e5 rgb(49,49,229)
```
#4343e7
```
#4343e7 rgb(67,67,231)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#6565eb
```
#6565eb rgb(101,101,235)
```
#7777ed
```
#7777ed rgb(119,119,237)
```
#8888f0
```
#8888f0 rgb(136,136,240)
```
#9a9af2
```
#9a9af2 rgb(154,154,242)
```
#ababf4
```
#ababf4 rgb(171,171,244)
```
#bcbcf6
```
#bcbcf6 rgb(188,188,246)
```
#cecef9
```
#cecef9 rgb(206,206,249)
```
#dfdffb
```
#dfdffb rgb(223,223,251)
```
#f0f0fd
```
#f0f0fd rgb(240,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9e9f is the less saturated color, while #4545f8 is the most saturated one.

#9e9e9f
```
#9e9e9f rgb(158,158,159)
```
#9797a6
```
#9797a6 rgb(151,151,166)
```
#8f8fae
```
#8f8fae rgb(143,143,174)
```
#8888b5
```
#8888b5 rgb(136,136,181)
```
#8181bc
```
#8181bc rgb(129,129,188)
```
#7979c4
```
#7979c4 rgb(121,121,196)
```
#7272cb
```
#7272cb rgb(114,114,203)
```
#6a6ad3
```
#6a6ad3 rgb(106,106,211)
```
#6363da
```
#6363da rgb(99,99,218)
```
#5b5be2
```
#5b5be2 rgb(91,91,226)
```
#5454e9
```
#5454e9 rgb(84,84,233)
```
#4d4df0
```
#4d4df0 rgb(77,77,240)
```
#4545f8
```
#4545f8 rgb(69,69,248)
```

Tone Color Variation

Below, you can see how #5454e9 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
#007b84 Tritanopia 0.001% of the population

Trichromacy

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

#5454e9 hex color

#5454e9 Color Information

#5454e9 Color Conversion

Color Schemes with #5454e9

Alternatives to #5454e9

#5454e9 Preview

Shades and Tints of #5454e9

Tones of #5454e9

Color Blindness Simulator