#54478e hex color

In a RGB color space, hex #54478e is composed of 32.9% red, 27.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 50% magenta, 0% yellow and 44.3% black. It has a hue angle of 251 degrees, a saturation of 33.3% and a lightness of 41.8%. #54478e color hex could be obtained by blending #a88eff with #00001d. Closest websafe color is: #663399.

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

● #54478e color description : Dark moderate blue.

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

Hex triplet	54478e	`#54478e`
RGB Decimal	84, 71, 142	`rgb(84,71,142)`
RGB Percent	32.9, 27.8, 55.7	`rgb(32.9%,27.8%,55.7%)`
CMYK	41, 50, 0, 44
HSL	251°, 33.3, 41.8	`hsl(251,33.3%,41.8%)`
HSV (or HSB)	251°, 50, 55.7
Web Safe	663399	`#663399`

CIE-LAB	34.69, 23.62, -37.681
XYZ	10.791, 8.344, 26.632
xyY	0.236, 0.182, 8.344
CIE-LCH	34.69, 44.472, 302.081
CIE-LUV	34.69, 0.962, -54.305
Hunter-Lab	28.886, 16.131, -34.442
Binary	01010100, 01000111, 10001110

#54478e
```
#54478e rgb(84,71,142)
```
#818e47
```
#818e47 rgb(129,142,71)
```

Complementary Color

#475e8e
```
#475e8e rgb(71,94,142)
```
#54478e
```
#54478e rgb(84,71,142)
```
#78478e
```
#78478e rgb(120,71,142)
```

Analogous Color

#5e8e47
```
#5e8e47 rgb(94,142,71)
```
#54478e
```
#54478e rgb(84,71,142)
```
#8e7847
```
#8e7847 rgb(142,120,71)
```

Split Complementary Color

#478e54
```
#478e54 rgb(71,142,84)
```
#54478e
```
#54478e rgb(84,71,142)
```
#8e5447
```
#8e5447 rgb(142,84,71)
```

Triadic Color

#47818e
```
#47818e rgb(71,129,142)
```
#54478e
```
#54478e rgb(84,71,142)
```
#8e5447
```
#8e5447 rgb(142,84,71)
```
#818e47
```
#818e47 rgb(129,142,71)
```

Tetradic Color

#362e5b
```
#362e5b rgb(54,46,91)
```
#40366c
```
#40366c rgb(64,54,108)
```
#4a3f7d
```
#4a3f7d rgb(74,63,125)
```
#54478e
```
#54478e rgb(84,71,142)
```
#5e509f
```
#5e509f rgb(94,80,159)
```
#6a5bad
```
#6a5bad rgb(106,91,173)
```
#796cb6
```
#796cb6 rgb(121,108,182)
```

Monochromatic Color

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

#474c8e
```
#474c8e rgb(71,76,142)
```
#48478e
```
#48478e rgb(72,71,142)
```
#4e478e
```
#4e478e rgb(78,71,142)
```
#54478e
```
#54478e rgb(84,71,142)
```
#5a478e
```
#5a478e rgb(90,71,142)
```
#60478e
```
#60478e rgb(96,71,142)
```
#66478e
```
#66478e rgb(102,71,142)
```

Similar Colors

Text with hexadecimal color #54478e

This text has a font color of #54478e.

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

#54478e background color

This paragraph has a background color of #54478e.

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

#54478e border color

This element has a border color of #54478e.

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

CSS codes

.text {color:#54478e;}

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

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

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, #07060b is the darkest color, while #fdfdfe is the lightest one.

#07060b
```
#07060b rgb(7,6,11)
```
#0e0c18
```
#0e0c18 rgb(14,12,24)
```
#161325
```
#161325 rgb(22,19,37)
```
#1e1932
```
#1e1932 rgb(30,25,50)
```
#262040
```
#262040 rgb(38,32,64)
```
#2d264d
```
#2d264d rgb(45,38,77)
```
#352d5a
```
#352d5a rgb(53,45,90)
```
#3d3367
```
#3d3367 rgb(61,51,103)
```
#453a74
```
#453a74 rgb(69,58,116)
```
#4c4081
```
#4c4081 rgb(76,64,129)
```
#54478e
```
#54478e rgb(84,71,142)
```
#5c4e9b
```
#5c4e9b rgb(92,78,155)
```
#6354a8
```
#6354a8 rgb(99,84,168)
```

Shade Color Variation

#6f60b0
```
#6f60b0 rgb(111,96,176)
```
#7b6db6
```
#7b6db6 rgb(123,109,182)
```
#877abd
```
#877abd rgb(135,122,189)
```
#9287c3
```
#9287c3 rgb(146,135,195)
```
#9e95ca
```
#9e95ca rgb(158,149,202)
```
#aaa2d0
```
#aaa2d0 rgb(170,162,208)
```
#b6afd7
```
#b6afd7 rgb(182,175,215)
```
#c2bcdd
```
#c2bcdd rgb(194,188,221)
```
#cec9e4
```
#cec9e4 rgb(206,201,228)
```
#dad6ea
```
#dad6ea rgb(218,214,234)
```
#e6e3f1
```
#e6e3f1 rgb(230,227,241)
```
#f1f0f8
```
#f1f0f8 rgb(241,240,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69686d is the less saturated color, while #2a05d0 is the most saturated one.

#69686d
```
#69686d rgb(105,104,109)
```
#646075
```
#646075 rgb(100,96,117)
```
#5e577e
```
#5e577e rgb(94,87,126)
```
#594f86
```
#594f86 rgb(89,79,134)
```
#54478e
```
#54478e rgb(84,71,142)
```
#4f3f96
```
#4f3f96 rgb(79,63,150)
```
#4a379e
```
#4a379e rgb(74,55,158)
```
#442ea7
```
#442ea7 rgb(68,46,167)
```
#3f26af
```
#3f26af rgb(63,38,175)
```
#3a1eb7
```
#3a1eb7 rgb(58,30,183)
```
#3516bf
```
#3516bf rgb(53,22,191)
```
#300ec7
```
#300ec7 rgb(48,14,199)
```
#2a05d0
```
#2a05d0 rgb(42,5,208)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#53515f Atypical Achromatopsia 0.001% of the population

Dichromacy

#37589a Protanopia 1% of men
#335b8f Deuteranopia 1% of men
#4e5c63 Tritanopia 0.001% of the population

Trichromacy

#415295 Protanomaly 1% of men, 0.01% of women
#3f538f Deuteranomaly 6% of men, 0.4% of women
#505472 Tritanomaly 0.01% of the population

#54478e hex color

#54478e Color Information

#54478e Color Conversion

Color Schemes with #54478e

Alternatives to #54478e

#54478e Preview

Shades and Tints of #54478e

Tones of #54478e

Color Blindness Simulator