#54508e hex color

In a RGB color space, hex #54508e is composed of 32.9% red, 31.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 43.7% magenta, 0% yellow and 44.3% black. It has a hue angle of 243.9 degrees, a saturation of 27.9% and a lightness of 43.5%. #54508e color hex could be obtained by blending #a8a0ff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 31
- B 56
RGB color chart
- C 41
- M 44
- Y 0
- K 44
CMYK color chart

● #54508e color description : Mostly desaturated dark blue.

The hexadecimal color #54508e has RGB values of R:84, G:80, B:142 and CMYK values of C:0.41, M:0.44, Y:0, K:0.44. Its decimal value is 5525646.

Hex triplet	54508e	`#54508e`
RGB Decimal	84, 80, 142	`rgb(84,80,142)`
RGB Percent	32.9, 31.4, 55.7	`rgb(32.9%,31.4%,55.7%)`
CMYK	41, 44, 0, 44
HSL	243.9°, 27.9, 43.5	`hsl(243.9,27.9%,43.5%)`
HSV (or HSB)	243.9°, 43.7, 55.7
Web Safe	666699	`#666699`

CIE-LAB	37.068, 17.883, -33.9
XYZ	11.406, 9.575, 26.837
xyY	0.239, 0.2, 9.575
CIE-LCH	37.068, 38.328, 297.813
CIE-LUV	37.068, -1.992, -49.384
Hunter-Lab	30.943, 11.648, -29.761
Binary	01010100, 01010000, 10001110

#54508e
```
#54508e rgb(84,80,142)
```
#8a8e50
```
#8a8e50 rgb(138,142,80)
```

Complementary Color

#506b8e
```
#506b8e rgb(80,107,142)
```
#54508e
```
#54508e rgb(84,80,142)
```
#73508e
```
#73508e rgb(115,80,142)
```

Analogous Color

#6b8e50
```
#6b8e50 rgb(107,142,80)
```
#54508e
```
#54508e rgb(84,80,142)
```
#8e7350
```
#8e7350 rgb(142,115,80)
```

Split Complementary Color

#508e54
```
#508e54 rgb(80,142,84)
```
#54508e
```
#54508e rgb(84,80,142)
```
#8e5450
```
#8e5450 rgb(142,84,80)
```

Triadic Color

#508a8e
```
#508a8e rgb(80,138,142)
```
#54508e
```
#54508e rgb(84,80,142)
```
#8e5450
```
#8e5450 rgb(142,84,80)
```
#8a8e50
```
#8a8e50 rgb(138,142,80)
```

Tetradic Color

#37345d
```
#37345d rgb(55,52,93)
```
#413e6d
```
#413e6d rgb(65,62,109)
```
#4a477e
```
#4a477e rgb(74,71,126)
```
#54508e
```
#54508e rgb(84,80,142)
```
#5e599e
```
#5e599e rgb(94,89,158)
```
#6c67aa
```
#6c67aa rgb(108,103,170)
```
#7c78b3
```
#7c78b3 rgb(124,120,179)
```

Monochromatic Color

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

#505c8e
```
#505c8e rgb(80,92,142)
```
#50568e
```
#50568e rgb(80,86,142)
```
#50518e
```
#50518e rgb(80,81,142)
```
#54508e
```
#54508e rgb(84,80,142)
```
#59508e
```
#59508e rgb(89,80,142)
```
#5e508e
```
#5e508e rgb(94,80,142)
```
#64508e
```
#64508e rgb(100,80,142)
```

Similar Colors

Text with hexadecimal color #54508e

This text has a font color of #54508e.

<span style="color:#54508e;">Text here</span>

#54508e background color

This paragraph has a background color of #54508e.

<p style="background-color:#54508e;">Content here</p>

#54508e border color

This element has a border color of #54508e.

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

CSS codes

.text {color:#54508e;}

.background {background-color:#54508e;}

.border {border:1px solid #54508e;}

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0911
```
#0a0911 rgb(10,9,17)
```
#11101d
```
#11101d rgb(17,16,29)
```
#19172a
```
#19172a rgb(25,23,42)
```
#201f36
```
#201f36 rgb(32,31,54)
```
#272643
```
#272643 rgb(39,38,67)
```
#2f2d4f
```
#2f2d4f rgb(47,45,79)
```
#36345c
```
#36345c rgb(54,52,92)
```
#3e3b68
```
#3e3b68 rgb(62,59,104)
```
#454275
```
#454275 rgb(69,66,117)
```
#4d4981
```
#4d4981 rgb(77,73,129)
```
#54508e
```
#54508e rgb(84,80,142)
```
#5b579b
```
#5b579b rgb(91,87,155)
```

Shade Color Variation

#6460a5
```
#6460a5 rgb(100,96,165)
```
#716cac
```
#716cac rgb(113,108,172)
```
#7d79b3
```
#7d79b3 rgb(125,121,179)
```
#8986bb
```
#8986bb rgb(137,134,187)
```
#9592c2
```
#9592c2 rgb(149,146,194)
```
#a19fc9
```
#a19fc9 rgb(161,159,201)
```
#aeabd0
```
#aeabd0 rgb(174,171,208)
```
#bab8d7
```
#bab8d7 rgb(186,184,215)
```
#c6c4de
```
#c6c4de rgb(198,196,222)
```
#d2d1e5
```
#d2d1e5 rgb(210,209,229)
```
#deddec
```
#deddec rgb(222,221,236)
```
#eaeaf3
```
#eaeaf3 rgb(234,234,243)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a74 is the less saturated color, while #1103db is the most saturated one.

#6a6a74
```
#6a6a74 rgb(106,106,116)
```
#63617d
```
#63617d rgb(99,97,125)
```
#5b5985
```
#5b5985 rgb(91,89,133)
```
#54508e
```
#54508e rgb(84,80,142)
```
#4d4797
```
#4d4797 rgb(77,71,151)
```
#453f9f
```
#453f9f rgb(69,63,159)
```
#3e36a8
```
#3e36a8 rgb(62,54,168)
```
#362eb0
```
#362eb0 rgb(54,46,176)
```
#2f25b9
```
#2f25b9 rgb(47,37,185)
```
#271dc1
```
#271dc1 rgb(39,29,193)
```
#2014ca
```
#2014ca rgb(32,20,202)
```
#190cd2
```
#190cd2 rgb(25,12,210)
```
#1103db
```
#1103db rgb(17,3,219)
```

Tone Color Variation

Below, you can see how #54508e 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

#585858 Achromatopsia 0.005% of the population
#575663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465e97 Protanopia 1% of men
#426091 Deuteranopia 1% of men
#50626a Tritanopia 0.001% of the population

Trichromacy

#4b5894 Protanomaly 1% of men, 0.01% of women
#485a90 Deuteranomaly 6% of men, 0.4% of women
#515c77 Tritanomaly 0.01% of the population

#54508e hex color

#54508e Color Information

#54508e Color Conversion

Color Schemes with #54508e

Alternatives to #54508e

#54508e Preview

Shades and Tints of #54508e

Tones of #54508e

Color Blindness Simulator