#54457d hex color

In a RGB color space, hex #54457d is composed of 32.9% red, 27.1% green and 49% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 44.8% magenta, 0% yellow and 51% black. It has a hue angle of 256.1 degrees, a saturation of 28.9% and a lightness of 38%. #54457d color hex could be obtained by blending #a88afa with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 33
- G 27
- B 49
RGB color chart
- C 33
- M 45
- Y 0
- K 51
CMYK color chart

● #54457d color description : Mostly desaturated dark violet.

The hexadecimal color #54457d has RGB values of R:84, G:69, B:125 and CMYK values of C:0.33, M:0.45, Y:0, K:0.51. Its decimal value is 5522813.

Hex triplet	54457d	`#54457d`
RGB Decimal	84, 69, 125	`rgb(84,69,125)`
RGB Percent	32.9, 27.1, 49	`rgb(32.9%,27.1%,49%)`
CMYK	33, 45, 0, 51
HSL	256.1°, 28.9, 38	`hsl(256.1,28.9%,38%)`
HSV (or HSB)	256.1°, 44.8, 49
Web Safe	663366	`#663366`

CIE-LAB	33.182, 19.929, -29.594
XYZ	9.485, 7.622, 20.372
xyY	0.253, 0.203, 7.622
CIE-LCH	33.182, 35.678, 303.957
CIE-LUV	33.182, 3.161, -42.018
Hunter-Lab	27.607, 13.016, -24.427
Binary	01010100, 01000101, 01111101

#54457d
```
#54457d rgb(84,69,125)
```
#6e7d45
```
#6e7d45 rgb(110,125,69)
```

Complementary Color

#45527d
```
#45527d rgb(69,82,125)
```
#54457d
```
#54457d rgb(84,69,125)
```
#70457d
```
#70457d rgb(112,69,125)
```

Analogous Color

#527d45
```
#527d45 rgb(82,125,69)
```
#54457d
```
#54457d rgb(84,69,125)
```
#7d7045
```
#7d7045 rgb(125,112,69)
```

Split Complementary Color

#457d54
```
#457d54 rgb(69,125,84)
```
#54457d
```
#54457d rgb(84,69,125)
```
#7d5445
```
#7d5445 rgb(125,84,69)
```

Triadic Color

#456e7d
```
#456e7d rgb(69,110,125)
```
#54457d
```
#54457d rgb(84,69,125)
```
#7d5445
```
#7d5445 rgb(125,84,69)
```
#6e7d45
```
#6e7d45 rgb(110,125,69)
```

Tetradic Color

#332a4c
```
#332a4c rgb(51,42,76)
```
#3e335c
```
#3e335c rgb(62,51,92)
```
#493c6d
```
#493c6d rgb(73,60,109)
```
#54457d
```
#54457d rgb(84,69,125)
```
#5f4e8d
```
#5f4e8d rgb(95,78,141)
```
#6a579e
```
#6a579e rgb(106,87,158)
```
#7765aa
```
#7765aa rgb(119,101,170)
```

Monochromatic Color

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

#46457d
```
#46457d rgb(70,69,125)
```
#4b457d
```
#4b457d rgb(75,69,125)
```
#4f457d
```
#4f457d rgb(79,69,125)
```
#54457d
```
#54457d rgb(84,69,125)
```
#59457d
```
#59457d rgb(89,69,125)
```
#5d457d
```
#5d457d rgb(93,69,125)
```
#62457d
```
#62457d rgb(98,69,125)
```

Similar Colors

Text with hexadecimal color #54457d

This text has a font color of #54457d.

<span style="color:#54457d;">Text here</span>

#54457d background color

This paragraph has a background color of #54457d.

<p style="background-color:#54457d;">Content here</p>

#54457d border color

This element has a border color of #54457d.

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

CSS codes

.text {color:#54457d;}

.background {background-color:#54457d;}

.border {border:1px solid #54457d;}

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

#08060b
```
#08060b rgb(8,6,11)
```
#100d18
```
#100d18 rgb(16,13,24)
```
#191425
```
#191425 rgb(25,20,37)
```
#211b31
```
#211b31 rgb(33,27,49)
```
#2a223e
```
#2a223e rgb(42,34,62)
```
#32294a
```
#32294a rgb(50,41,74)
```
#3b3057
```
#3b3057 rgb(59,48,87)
```
#433764
```
#433764 rgb(67,55,100)
```
#4c3e70
```
#4c3e70 rgb(76,62,112)
```
#54457d
```
#54457d rgb(84,69,125)
```
#5c4c8a
```
#5c4c8a rgb(92,76,138)
```
#655396
```
#655396 rgb(101,83,150)
```
#6d5aa3
```
#6d5aa3 rgb(109,90,163)
```

Shade Color Variation

#7866ab
```
#7866ab rgb(120,102,171)
```
#8373b1
```
#8373b1 rgb(131,115,177)
```
#8f7fb8
```
#8f7fb8 rgb(143,127,184)
```
#9a8cbf
```
#9a8cbf rgb(154,140,191)
```
#a599c6
```
#a599c6 rgb(165,153,198)
```
#b0a5cd
```
#b0a5cd rgb(176,165,205)
```
#bbb2d4
```
#bbb2d4 rgb(187,178,212)
```
#c6bedb
```
#c6bedb rgb(198,190,219)
```
#d1cbe2
```
#d1cbe2 rgb(209,203,226)
```
#dcd8e9
```
#dcd8e9 rgb(220,216,233)
```
#e8e4f0
```
#e8e4f0 rgb(232,228,240)
```
#f3f1f7
```
#f3f1f7 rgb(243,241,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5b67 is the less saturated color, while #3502c0 is the most saturated one.

#5e5b67
```
#5e5b67 rgb(94,91,103)
```
#5b546e
```
#5b546e rgb(91,84,110)
```
#574c76
```
#574c76 rgb(87,76,118)
```
#54457d
```
#54457d rgb(84,69,125)
```
#513e84
```
#513e84 rgb(81,62,132)
```
#4d368c
```
#4d368c rgb(77,54,140)
```
#4a2f93
```
#4a2f93 rgb(74,47,147)
```
#46279b
```
#46279b rgb(70,39,155)
```
#4320a2
```
#4320a2 rgb(67,32,162)
```
#3f18aa
```
#3f18aa rgb(63,24,170)
```
#3c11b1
```
#3c11b1 rgb(60,17,177)
```
#3809b9
```
#3809b9 rgb(56,9,185)
```
#3502c0
```
#3502c0 rgb(53,2,192)
```

Tone Color Variation

Below, you can see how #54457d 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

#505050 Achromatopsia 0.005% of the population
#514e59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#405589 Protanopia 1% of men
#405780 Deuteranopia 1% of men
#53575d Tritanopia 0.001% of the population

Trichromacy

#474f84 Protanomaly 1% of men, 0.01% of women
#47507f Deuteranomaly 6% of men, 0.4% of women
#535069 Tritanomaly 0.01% of the population

#54457d hex color

#54457d Color Information

#54457d Color Conversion

Color Schemes with #54457d

Alternatives to #54457d

#54457d Preview

Shades and Tints of #54457d

Tones of #54457d

Color Blindness Simulator