#545877 hex color

In a RGB color space, hex #545877 is composed of 32.9% red, 34.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 26.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 233.1 degrees, a saturation of 17.2% and a lightness of 39.8%. #545877 color hex could be obtained by blending #a8b0ee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 35
- B 47
RGB color chart
- C 29
- M 26
- Y 0
- K 53
CMYK color chart

● #545877 color description : Mostly desaturated dark blue.

The hexadecimal color #545877 has RGB values of R:84, G:88, B:119 and CMYK values of C:0.29, M:0.26, Y:0, K:0.53. Its decimal value is 5527671.

Hex triplet	545877	`#545877`
RGB Decimal	84, 88, 119	`rgb(84,88,119)`
RGB Percent	32.9, 34.5, 46.7	`rgb(32.9%,34.5%,46.7%)`
CMYK	29, 26, 0, 53
HSL	233.1°, 17.2, 39.8	`hsl(233.1,17.2%,39.8%)`
HSV (or HSB)	233.1°, 29.4, 46.7
Web Safe	666666	`#666666`

CIE-LAB	38.192, 6.136, -18.068
XYZ	10.475, 10.196, 18.868
xyY	0.265, 0.258, 10.196
CIE-LCH	38.192, 19.082, 288.759
CIE-LUV	38.192, -3.675, -25.452
Hunter-Lab	31.931, 2.677, -12.682
Binary	01010100, 01011000, 01110111

#545877
```
#545877 rgb(84,88,119)
```
#777354
```
#777354 rgb(119,115,84)
```

Complementary Color

#546a77
```
#546a77 rgb(84,106,119)
```
#545877
```
#545877 rgb(84,88,119)
```
#625477
```
#625477 rgb(98,84,119)
```

Analogous Color

#6a7754
```
#6a7754 rgb(106,119,84)
```
#545877
```
#545877 rgb(84,88,119)
```
#776254
```
#776254 rgb(119,98,84)
```

Split Complementary Color

#587754
```
#587754 rgb(88,119,84)
```
#545877
```
#545877 rgb(84,88,119)
```
#775458
```
#775458 rgb(119,84,88)
```

Triadic Color

#547773
```
#547773 rgb(84,119,115)
```
#545877
```
#545877 rgb(84,88,119)
```
#775458
```
#775458 rgb(119,84,88)
```
#777354
```
#777354 rgb(119,115,84)
```

Tetradic Color

#34374a
```
#34374a rgb(52,55,74)
```
#3f4259
```
#3f4259 rgb(63,66,89)
```
#494d68
```
#494d68 rgb(73,77,104)
```
#545877
```
#545877 rgb(84,88,119)
```
#5f6386
```
#5f6386 rgb(95,99,134)
```
#696e95
```
#696e95 rgb(105,110,149)
```
#787ca0
```
#787ca0 rgb(120,124,160)
```

Monochromatic Color

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

#546177
```
#546177 rgb(84,97,119)
```
#545e77
```
#545e77 rgb(84,94,119)
```
#545b77
```
#545b77 rgb(84,91,119)
```
#545877
```
#545877 rgb(84,88,119)
```
#545577
```
#545577 rgb(84,85,119)
```
#565477
```
#565477 rgb(86,84,119)
```
#595477
```
#595477 rgb(89,84,119)
```

Similar Colors

Text with hexadecimal color #545877

This text has a font color of #545877.

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

#545877 background color

This paragraph has a background color of #545877.

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

#545877 border color

This element has a border color of #545877.

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

CSS codes

.text {color:#545877;}

.background {background-color:#545877;}

.border {border:1px solid #545877;}

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0b10
```
#0b0b10 rgb(11,11,16)
```
#13141b
```
#13141b rgb(19,20,27)
```
#1b1c27
```
#1b1c27 rgb(27,28,39)
```
#232532
```
#232532 rgb(35,37,50)
```
#2b2d3e
```
#2b2d3e rgb(43,45,62)
```
#343649
```
#343649 rgb(52,54,73)
```
#3c3e55
```
#3c3e55 rgb(60,62,85)
```
#444760
```
#444760 rgb(68,71,96)
```
#4c4f6c
```
#4c4f6c rgb(76,79,108)
```
#545877
```
#545877 rgb(84,88,119)
```
#5c6182
```
#5c6182 rgb(92,97,130)
```
#64698e
```
#64698e rgb(100,105,142)
```

Shade Color Variation

#6e7298
```
#6e7298 rgb(110,114,152)
```
#797ea0
```
#797ea0 rgb(121,126,160)
```
#8589a9
```
#8589a9 rgb(133,137,169)
```
#9094b1
```
#9094b1 rgb(144,148,177)
```
#9c9fb9
```
#9c9fb9 rgb(156,159,185)
```
#a7aac1
```
#a7aac1 rgb(167,170,193)
```
#b3b5c9
```
#b3b5c9 rgb(179,181,201)
```
#bec0d1
```
#bec0d1 rgb(190,192,209)
```
#cacbd9
```
#cacbd9 rgb(202,203,217)
```
#d5d6e1
```
#d5d6e1 rgb(213,214,225)
```
#e1e2e9
```
#e1e2e9 rgb(225,226,233)
```
#ecedf2
```
#ecedf2 rgb(236,237,242)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646467 is the less saturated color, while #061cc5 is the most saturated one.

#646467
```
#646467 rgb(100,100,103)
```
#5c5e6f
```
#5c5e6f rgb(92,94,111)
```
#545877
```
#545877 rgb(84,88,119)
```
#4c527f
```
#4c527f rgb(76,82,127)
```
#444c87
```
#444c87 rgb(68,76,135)
```
#3d468e
```
#3d468e rgb(61,70,142)
```
#354096
```
#354096 rgb(53,64,150)
```
#2d3a9e
```
#2d3a9e rgb(45,58,158)
```
#2534a6
```
#2534a6 rgb(37,52,166)
```
#1d2eae
```
#1d2eae rgb(29,46,174)
```
#1628b5
```
#1628b5 rgb(22,40,181)
```
#0e22bd
```
#0e22bd rgb(14,34,189)
```
#061cc5
```
#061cc5 rgb(6,28,197)
```

Tone Color Variation

Below, you can see how #545877 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
#595a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a617e Protanopia 1% of men
#5b617d Deuteranopia 1% of men
#58646b Tritanopia 0.001% of the population

Trichromacy

#575e7b Protanomaly 1% of men, 0.01% of women
#585d7b Deuteranomaly 6% of men, 0.4% of women
#565f6f Tritanomaly 0.01% of the population

#545877 hex color

#545877 Color Information

#545877 Color Conversion

Color Schemes with #545877

Alternatives to #545877

#545877 Preview

Shades and Tints of #545877

Tones of #545877

Color Blindness Simulator