#54577f hex color

In a RGB color space, hex #54577f is composed of 32.9% red, 34.1% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 33.9% cyan, 31.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 235.8 degrees, a saturation of 20.4% and a lightness of 41.4%. #54577f color hex could be obtained by blending #a8aefe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 34
- B 50
RGB color chart
- C 34
- M 31
- Y 0
- K 50
CMYK color chart

● #54577f color description : Mostly desaturated dark blue.

The hexadecimal color #54577f has RGB values of R:84, G:87, B:127 and CMYK values of C:0.34, M:0.31, Y:0, K:0.5. Its decimal value is 5527423.

Hex triplet	54577f	`#54577f`
RGB Decimal	84, 87, 127	`rgb(84,87,127)`
RGB Percent	32.9, 34.1, 49.8	`rgb(32.9%,34.1%,49.8%)`
CMYK	34, 31, 0, 50
HSL	235.8°, 20.4, 41.4	`hsl(235.8,20.4%,41.4%)`
HSV (or HSB)	235.8°, 33.9, 49.8
Web Safe	666666	`#666666`

CIE-LAB	38.258, 9.009, -22.877
XYZ	10.894, 10.233, 21.479
xyY	0.256, 0.24, 10.233
CIE-LCH	38.258, 24.587, 291.495
CIE-LUV	38.258, -3.682, -32.753
Hunter-Lab	31.99, 4.808, -17.416
Binary	01010100, 01010111, 01111111

#54577f
```
#54577f rgb(84,87,127)
```
#7f7c54
```
#7f7c54 rgb(127,124,84)
```

Complementary Color

#546d7f
```
#546d7f rgb(84,109,127)
```
#54577f
```
#54577f rgb(84,87,127)
```
#67547f
```
#67547f rgb(103,84,127)
```

Analogous Color

#6d7f54
```
#6d7f54 rgb(109,127,84)
```
#54577f
```
#54577f rgb(84,87,127)
```
#7f6754
```
#7f6754 rgb(127,103,84)
```

Split Complementary Color

#577f54
```
#577f54 rgb(87,127,84)
```
#54577f
```
#54577f rgb(84,87,127)
```
#7f5457
```
#7f5457 rgb(127,84,87)
```

Triadic Color

#547f7c
```
#547f7c rgb(84,127,124)
```
#54577f
```
#54577f rgb(84,87,127)
```
#7f5457
```
#7f5457 rgb(127,84,87)
```
#7f7c54
```
#7f7c54 rgb(127,124,84)
```

Tetradic Color

#363751
```
#363751 rgb(54,55,81)
```
#404260
```
#404260 rgb(64,66,96)
```
#4a4c70
```
#4a4c70 rgb(74,76,112)
```
#54577f
```
#54577f rgb(84,87,127)
```
#5e628e
```
#5e628e rgb(94,98,142)
```
#6a6d9c
```
#6a6d9c rgb(106,109,156)
```
#797ca6
```
#797ca6 rgb(121,124,166)
```

Monochromatic Color

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

#54627f
```
#54627f rgb(84,98,127)
```
#545e7f
```
#545e7f rgb(84,94,127)
```
#545b7f
```
#545b7f rgb(84,91,127)
```
#54577f
```
#54577f rgb(84,87,127)
```
#55547f
```
#55547f rgb(85,84,127)
```
#58547f
```
#58547f rgb(88,84,127)
```
#5c547f
```
#5c547f rgb(92,84,127)
```

Similar Colors

Text with hexadecimal color #54577f

This text has a font color of #54577f.

<span style="color:#54577f;">Text here</span>

#54577f background color

This paragraph has a background color of #54577f.

<p style="background-color:#54577f;">Content here</p>

#54577f border color

This element has a border color of #54577f.

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

CSS codes

.text {color:#54577f;}

.background {background-color:#54577f;}

.border {border:1px solid #54577f;}

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

#060609
```
#060609 rgb(6,6,9)
```
#0e0e15
```
#0e0e15 rgb(14,14,21)
```
#161621
```
#161621 rgb(22,22,33)
```
#1d1e2c
```
#1d1e2c rgb(29,30,44)
```
#252638
```
#252638 rgb(37,38,56)
```
#2d2f44
```
#2d2f44 rgb(45,47,68)
```
#353750
```
#353750 rgb(53,55,80)
```
#3d3f5c
```
#3d3f5c rgb(61,63,92)
```
#444767
```
#444767 rgb(68,71,103)
```
#4c4f73
```
#4c4f73 rgb(76,79,115)
```
#54577f
```
#54577f rgb(84,87,127)
```
#5c5f8b
```
#5c5f8b rgb(92,95,139)
```
#646797
```
#646797 rgb(100,103,151)
```

Shade Color Variation

#6e729f
```
#6e729f rgb(110,114,159)
```
#7a7da7
```
#7a7da7 rgb(122,125,167)
```
#8689af
```
#8689af rgb(134,137,175)
```
#9294b7
```
#9294b7 rgb(146,148,183)
```
#9ea0bf
```
#9ea0bf rgb(158,160,191)
```
#a9acc6
```
#a9acc6 rgb(169,172,198)
```
#b5b7ce
```
#b5b7ce rgb(181,183,206)
```
#c1c3d6
```
#c1c3d6 rgb(193,195,214)
```
#cdcede
```
#cdcede rgb(205,206,222)
```
#d9dae6
```
#d9dae6 rgb(217,218,230)
```
#e5e5ed
```
#e5e5ed rgb(229,229,237)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#64656f
```
#64656f rgb(100,101,111)
```
#5c5e77
```
#5c5e77 rgb(92,94,119)
```
#54577f
```
#54577f rgb(84,87,127)
```
#4c5087
```
#4c5087 rgb(76,80,135)
```
#44498f
```
#44498f rgb(68,73,143)
```
#3c4297
```
#3c4297 rgb(60,66,151)
```
#343b9f
```
#343b9f rgb(52,59,159)
```
#2b34a8
```
#2b34a8 rgb(43,52,168)
```
#232db0
```
#232db0 rgb(35,45,176)
```
#1b26b8
```
#1b26b8 rgb(27,38,184)
```
#131fc0
```
#131fc0 rgb(19,31,192)
```
#0b18c8
```
#0b18c8 rgb(11,24,200)
```
#0311d0
```
#0311d0 rgb(3,17,208)
```

Tone Color Variation

Below, you can see how #54577f 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

#566186 Protanopia 1% of men
#566185 Deuteranopia 1% of men
#56646c Tritanopia 0.001% of the population

Trichromacy

#555d83 Protanomaly 1% of men, 0.01% of women
#555d82 Deuteranomaly 6% of men, 0.4% of women
#555f73 Tritanomaly 0.01% of the population

#54577f hex color

#54577f Color Information

#54577f Color Conversion

Color Schemes with #54577f

Alternatives to #54577f

#54577f Preview

Shades and Tints of #54577f

Tones of #54577f

Color Blindness Simulator