#54577a hex color

In a RGB color space, hex #54577a is composed of 32.9% red, 34.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 28.7% magenta, 0% yellow and 52.2% black. It has a hue angle of 235.3 degrees, a saturation of 18.4% and a lightness of 40.4%. #54577a color hex could be obtained by blending #a8aef4 with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #54577a has RGB values of R:84, G:87, B:122 and CMYK values of C:0.31, M:0.29, Y:0, K:0.52. Its decimal value is 5527418.

Hex triplet	54577a	`#54577a`
RGB Decimal	84, 87, 122	`rgb(84,87,122)`
RGB Percent	32.9, 34.1, 47.8	`rgb(32.9%,34.1%,47.8%)`
CMYK	31, 29, 0, 52
HSL	235.3°, 18.4, 40.4	`hsl(235.3,18.4%,40.4%)`
HSV (or HSB)	235.3°, 31.1, 47.8
Web Safe	666666	`#666666`

CIE-LAB	38.032, 7.596, -20.159
XYZ	10.577, 10.106, 19.805
xyY	0.261, 0.25, 10.106
CIE-LCH	38.032, 21.543, 290.648
CIE-LUV	38.032, -3.418, -28.605
Hunter-Lab	31.79, 3.754, -14.683
Binary	01010100, 01010111, 01111010

#54577a
```
#54577a rgb(84,87,122)
```
#7a7754
```
#7a7754 rgb(122,119,84)
```

Complementary Color

#546a7a
```
#546a7a rgb(84,106,122)
```
#54577a
```
#54577a rgb(84,87,122)
```
#64547a
```
#64547a rgb(100,84,122)
```

Analogous Color

#6a7a54
```
#6a7a54 rgb(106,122,84)
```
#54577a
```
#54577a rgb(84,87,122)
```
#7a6454
```
#7a6454 rgb(122,100,84)
```

Split Complementary Color

#577a54
```
#577a54 rgb(87,122,84)
```
#54577a
```
#54577a rgb(84,87,122)
```
#7a5457
```
#7a5457 rgb(122,84,87)
```

Triadic Color

#547a77
```
#547a77 rgb(84,122,119)
```
#54577a
```
#54577a rgb(84,87,122)
```
#7a5457
```
#7a5457 rgb(122,84,87)
```
#7a7754
```
#7a7754 rgb(122,119,84)
```

Tetradic Color

#35374d
```
#35374d rgb(53,55,77)
```
#3f415c
```
#3f415c rgb(63,65,92)
```
#4a4c6b
```
#4a4c6b rgb(74,76,107)
```
#54577a
```
#54577a rgb(84,87,122)
```
#5e6289
```
#5e6289 rgb(94,98,137)
```
#696d98
```
#696d98 rgb(105,109,152)
```
#787ca2
```
#787ca2 rgb(120,124,162)
```

Monochromatic Color

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

#54617a
```
#54617a rgb(84,97,122)
```
#545d7a
```
#545d7a rgb(84,93,122)
```
#545a7a
```
#545a7a rgb(84,90,122)
```
#54577a
```
#54577a rgb(84,87,122)
```
#54547a
```
#54547a rgb(84,84,122)
```
#57547a
```
#57547a rgb(87,84,122)
```
#5b547a
```
#5b547a rgb(91,84,122)
```

Similar Colors

Text with hexadecimal color #54577a

This text has a font color of #54577a.

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

#54577a background color

This paragraph has a background color of #54577a.

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

#54577a border color

This element has a border color of #54577a.

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

CSS codes

.text {color:#54577a;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0c0c11
```
#0c0c11 rgb(12,12,17)
```
#14151d
```
#14151d rgb(20,21,29)
```
#1c1d29
```
#1c1d29 rgb(28,29,41)
```
#242534
```
#242534 rgb(36,37,52)
```
#2c2e40
```
#2c2e40 rgb(44,46,64)
```
#34364c
```
#34364c rgb(52,54,76)
```
#3c3e57
```
#3c3e57 rgb(60,62,87)
```
#444663
```
#444663 rgb(68,70,99)
```
#4c4f6e
```
#4c4f6e rgb(76,79,110)
```
#54577a
```
#54577a rgb(84,87,122)
```
#5c5f86
```
#5c5f86 rgb(92,95,134)
```
#646891
```
#646891 rgb(100,104,145)
```

Shade Color Variation

#6e719b
```
#6e719b rgb(110,113,155)
```
#797da3
```
#797da3 rgb(121,125,163)
```
#8588ab
```
#8588ab rgb(133,136,171)
```
#9193b3
```
#9193b3 rgb(145,147,179)
```
#9c9fbb
```
#9c9fbb rgb(156,159,187)
```
#a8aac3
```
#a8aac3 rgb(168,170,195)
```
#b4b5cb
```
#b4b5cb rgb(180,181,203)
```
#bfc1d3
```
#bfc1d3 rgb(191,193,211)
```
#cbccdb
```
#cbccdb rgb(203,204,219)
```
#d6d7e3
```
#d6d7e3 rgb(214,215,227)
```
#e2e3eb
```
#e2e3eb rgb(226,227,235)
```
#eeeef3
```
#eeeef3 rgb(238,238,243)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64646a is the less saturated color, while #0514c9 is the most saturated one.

#64646a
```
#64646a rgb(100,100,106)
```
#5c5e72
```
#5c5e72 rgb(92,94,114)
```
#54577a
```
#54577a rgb(84,87,122)
```
#4c5082
```
#4c5082 rgb(76,80,130)
```
#444a8a
```
#444a8a rgb(68,74,138)
```
#3c4392
```
#3c4392 rgb(60,67,146)
```
#343c9a
```
#343c9a rgb(52,60,154)
```
#2c36a2
```
#2c36a2 rgb(44,54,162)
```
#242faa
```
#242faa rgb(36,47,170)
```
#1d28b1
```
#1d28b1 rgb(29,40,177)
```
#1522b9
```
#1522b9 rgb(21,34,185)
```
#0d1bc1
```
#0d1bc1 rgb(13,27,193)
```
#0514c9
```
#0514c9 rgb(5,20,201)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576081 Protanopia 1% of men
#596080 Deuteranopia 1% of men
#57646b Tritanopia 0.001% of the population

Trichromacy

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

#54577a hex color

#54577a Color Information

#54577a Color Conversion

Color Schemes with #54577a

Alternatives to #54577a

#54577a Preview

Shades and Tints of #54577a

Tones of #54577a

Color Blindness Simulator