#54587d hex color

In a RGB color space, hex #54587d is composed of 32.9% red, 34.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 29.6% magenta, 0% yellow and 51% black. It has a hue angle of 234.1 degrees, a saturation of 19.6% and a lightness of 41%. #54587d color hex could be obtained by blending #a8b0fa with #000000. Closest websafe color is: #666666.

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

● #54587d color description : Mostly desaturated dark blue.

The hexadecimal color #54587d has RGB values of R:84, G:88, B:125 and CMYK values of C:0.33, M:0.3, Y:0, K:0.51. Its decimal value is 5527677.

Hex triplet	54587d	`#54587d`
RGB Decimal	84, 88, 125	`rgb(84,88,125)`
RGB Percent	32.9, 34.5, 49	`rgb(32.9%,34.5%,49%)`
CMYK	33, 30, 0, 51
HSL	234.1°, 19.6, 41	`hsl(234.1,19.6%,41%)`
HSV (or HSB)	234.1°, 32.8, 49
Web Safe	666666	`#666666`

CIE-LAB	38.454, 7.81, -21.347
XYZ	10.847, 10.345, 20.826
xyY	0.258, 0.246, 10.345
CIE-LCH	38.454, 22.731, 290.095
CIE-LUV	38.454, -3.978, -30.433
Hunter-Lab	32.163, 3.912, -15.877
Binary	01010100, 01011000, 01111101

#54587d
```
#54587d rgb(84,88,125)
```
#7d7954
```
#7d7954 rgb(125,121,84)
```

Complementary Color

#546d7d
```
#546d7d rgb(84,109,125)
```
#54587d
```
#54587d rgb(84,88,125)
```
#65547d
```
#65547d rgb(101,84,125)
```

Analogous Color

#6d7d54
```
#6d7d54 rgb(109,125,84)
```
#54587d
```
#54587d rgb(84,88,125)
```
#7d6554
```
#7d6554 rgb(125,101,84)
```

Split Complementary Color

#587d54
```
#587d54 rgb(88,125,84)
```
#54587d
```
#54587d rgb(84,88,125)
```
#7d5458
```
#7d5458 rgb(125,84,88)
```

Triadic Color

#547d79
```
#547d79 rgb(84,125,121)
```
#54587d
```
#54587d rgb(84,88,125)
```
#7d5458
```
#7d5458 rgb(125,84,88)
```
#7d7954
```
#7d7954 rgb(125,121,84)
```

Tetradic Color

#35384f
```
#35384f rgb(53,56,79)
```
#40435e
```
#40435e rgb(64,67,94)
```
#4a4d6e
```
#4a4d6e rgb(74,77,110)
```
#54587d
```
#54587d rgb(84,88,125)
```
#5e638c
```
#5e638c rgb(94,99,140)
```
#696e9b
```
#696e9b rgb(105,110,155)
```
#797da5
```
#797da5 rgb(121,125,165)
```

Monochromatic Color

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

#54627d
```
#54627d rgb(84,98,125)
```
#545f7d
```
#545f7d rgb(84,95,125)
```
#545b7d
```
#545b7d rgb(84,91,125)
```
#54587d
```
#54587d rgb(84,88,125)
```
#54557d
```
#54557d rgb(84,85,125)
```
#57547d
```
#57547d rgb(87,84,125)
```
#5a547d
```
#5a547d rgb(90,84,125)
```

Similar Colors

Text with hexadecimal color #54587d

This text has a font color of #54587d.

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

#54587d background color

This paragraph has a background color of #54587d.

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

#54587d border color

This element has a border color of #54587d.

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

CSS codes

.text {color:#54587d;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0d0e13
```
#0d0e13 rgb(13,14,19)
```
#15161f
```
#15161f rgb(21,22,31)
```
#1d1e2b
```
#1d1e2b rgb(29,30,43)
```
#252637
```
#252637 rgb(37,38,55)
```
#2d2f42
```
#2d2f42 rgb(45,47,66)
```
#34374e
```
#34374e rgb(52,55,78)
```
#3c3f5a
```
#3c3f5a rgb(60,63,90)
```
#444766
```
#444766 rgb(68,71,102)
```
#4c5071
```
#4c5071 rgb(76,80,113)
```
#54587d
```
#54587d rgb(84,88,125)
```
#5c6089
```
#5c6089 rgb(92,96,137)
```
#646994
```
#646994 rgb(100,105,148)
```

Shade Color Variation

#6e739e
```
#6e739e rgb(110,115,158)
```
#7a7ea6
```
#7a7ea6 rgb(122,126,166)
```
#868aad
```
#868aad rgb(134,138,173)
```
#9195b5
```
#9195b5 rgb(145,149,181)
```
#9da0bd
```
#9da0bd rgb(157,160,189)
```
#a9acc5
```
#a9acc5 rgb(169,172,197)
```
#b5b7cd
```
#b5b7cd rgb(181,183,205)
```
#c0c2d5
```
#c0c2d5 rgb(192,194,213)
```
#cccedd
```
#cccedd rgb(204,206,221)
```
#d8d9e5
```
#d8d9e5 rgb(216,217,229)
```
#e3e4ed
```
#e3e4ed rgb(227,228,237)
```
#eff0f4
```
#eff0f4 rgb(239,240,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#64656d
```
#64656d rgb(100,101,109)
```
#5c5e75
```
#5c5e75 rgb(92,94,117)
```
#54587d
```
#54587d rgb(84,88,125)
```
#4c5285
```
#4c5285 rgb(76,82,133)
```
#444b8d
```
#444b8d rgb(68,75,141)
```
#3c4595
```
#3c4595 rgb(60,69,149)
```
#343e9d
```
#343e9d rgb(52,62,157)
```
#2c38a5
```
#2c38a5 rgb(44,56,165)
```
#2431ad
```
#2431ad rgb(36,49,173)
```
#1c2bb5
```
#1c2bb5 rgb(28,43,181)
```
#1424bd
```
#1424bd rgb(20,36,189)
```
#0c1ec5
```
#0c1ec5 rgb(12,30,197)
```
#0417cd
```
#0417cd rgb(4,23,205)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a5a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586184 Protanopia 1% of men
#586183 Deuteranopia 1% of men
#56656c Tritanopia 0.001% of the population

Trichromacy

#565e81 Protanomaly 1% of men, 0.01% of women
#575e81 Deuteranomaly 6% of men, 0.4% of women
#556072 Tritanomaly 0.01% of the population

#54587d hex color

#54587d Color Information

#54587d Color Conversion

Color Schemes with #54587d

Alternatives to #54587d

#54587d Preview

Shades and Tints of #54587d

Tones of #54587d

Color Blindness Simulator