#545d87 hex color

In a RGB color space, hex #545d87 is composed of 32.9% red, 36.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 37.8% cyan, 31.1% magenta, 0% yellow and 47.1% black. It has a hue angle of 229.4 degrees, a saturation of 23.3% and a lightness of 42.9%. #545d87 color hex could be obtained by blending #a8baff with #00000f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 36
- B 53
RGB color chart
- C 38
- M 31
- Y 0
- K 47
CMYK color chart

● #545d87 color description : Mostly desaturated dark blue.

The hexadecimal color #545d87 has RGB values of R:84, G:93, B:135 and CMYK values of C:0.38, M:0.31, Y:0, K:0.47. Its decimal value is 5528967.

Hex triplet	545d87	`#545d87`
RGB Decimal	84, 93, 135	`rgb(84,93,135)`
RGB Percent	32.9, 36.5, 52.9	`rgb(32.9%,36.5%,52.9%)`
CMYK	38, 31, 0, 47
HSL	229.4°, 23.3, 42.9	`hsl(229.4,23.3%,42.9%)`
HSV (or HSB)	229.4°, 37.8, 52.9
Web Safe	666699	`#666699`

CIE-LAB	40.349, 7.551, -24.499
XYZ	11.943, 11.462, 24.504
xyY	0.249, 0.239, 11.462
CIE-LCH	40.349, 25.636, 287.13
CIE-LUV	40.349, -6.421, -35.425
Hunter-Lab	33.856, 3.717, -19.212
Binary	01010100, 01011101, 10000111

#545d87
```
#545d87 rgb(84,93,135)
```
#877e54
```
#877e54 rgb(135,126,84)
```

Complementary Color

#547787
```
#547787 rgb(84,119,135)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#655487
```
#655487 rgb(101,84,135)
```

Analogous Color

#778754
```
#778754 rgb(119,135,84)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#876554
```
#876554 rgb(135,101,84)
```

Split Complementary Color

#5d8754
```
#5d8754 rgb(93,135,84)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#87545d
```
#87545d rgb(135,84,93)
```

Triadic Color

#54877e
```
#54877e rgb(84,135,126)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#87545d
```
#87545d rgb(135,84,93)
```
#877e54
```
#877e54 rgb(135,126,84)
```

Tetradic Color

#373d58
```
#373d58 rgb(55,61,88)
```
#404768
```
#404768 rgb(64,71,104)
```
#4a5277
```
#4a5277 rgb(74,82,119)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#5e6897
```
#5e6897 rgb(94,104,151)
```
#6b75a3
```
#6b75a3 rgb(107,117,163)
```
#7b84ad
```
#7b84ad rgb(123,132,173)
```

Monochromatic Color

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

#546a87
```
#546a87 rgb(84,106,135)
```
#546687
```
#546687 rgb(84,102,135)
```
#546187
```
#546187 rgb(84,97,135)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#545987
```
#545987 rgb(84,89,135)
```
#545587
```
#545587 rgb(84,85,135)
```
#585487
```
#585487 rgb(88,84,135)
```

Similar Colors

Text with hexadecimal color #545d87

This text has a font color of #545d87.

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

#545d87 background color

This paragraph has a background color of #545d87.

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

#545d87 border color

This element has a border color of #545d87.

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

CSS codes

.text {color:#545d87;}

.background {background-color:#545d87;}

.border {border:1px solid #545d87;}

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

#010102
```
#010102 rgb(1,1,2)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#10121a
```
#10121a rgb(16,18,26)
```
#181a26
```
#181a26 rgb(24,26,38)
```
#1f2332
```
#1f2332 rgb(31,35,50)
```
#272b3e
```
#272b3e rgb(39,43,62)
```
#2e334b
```
#2e334b rgb(46,51,75)
```
#363c57
```
#363c57 rgb(54,60,87)
```
#3d4463
```
#3d4463 rgb(61,68,99)
```
#454c6f
```
#454c6f rgb(69,76,111)
```
#4c557b
```
#4c557b rgb(76,85,123)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#5c6593
```
#5c6593 rgb(92,101,147)
```

Shade Color Variation

#646e9e
```
#646e9e rgb(100,110,158)
```
#7079a6
```
#7079a6 rgb(112,121,166)
```
#7c85ad
```
#7c85ad rgb(124,133,173)
```
#8890b5
```
#8890b5 rgb(136,144,181)
```
#949bbd
```
#949bbd rgb(148,155,189)
```
#a0a7c4
```
#a0a7c4 rgb(160,167,196)
```
#acb2cc
```
#acb2cc rgb(172,178,204)
```
#b8bdd3
```
#b8bdd3 rgb(184,189,211)
```
#c5c8db
```
#c5c8db rgb(197,200,219)
```
#d1d4e2
```
#d1d4e2 rgb(209,212,226)
```
#dddfea
```
#dddfea rgb(221,223,234)
```
#e9eaf1
```
#e9eaf1 rgb(233,234,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6d6e is the less saturated color, while #082cd3 is the most saturated one.

#6d6d6e
```
#6d6d6e rgb(109,109,110)
```
#656876
```
#656876 rgb(101,104,118)
```
#5c627f
```
#5c627f rgb(92,98,127)
```
#545d87
```
#545d87 rgb(84,93,135)
```
#4c588f
```
#4c588f rgb(76,88,143)
```
#435298
```
#435298 rgb(67,82,152)
```
#3b4da0
```
#3b4da0 rgb(59,77,160)
```
#3247a9
```
#3247a9 rgb(50,71,169)
```
#2a42b1
```
#2a42b1 rgb(42,66,177)
```
#213cba
```
#213cba rgb(33,60,186)
```
#1937c2
```
#1937c2 rgb(25,55,194)
```
#1131ca
```
#1131ca rgb(17,49,202)
```
#082cd3
```
#082cd3 rgb(8,44,211)
```

Tone Color Variation

Below, you can see how #545d87 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

#5f5f5f Achromatopsia 0.005% of the population
#5d5f67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a668d Protanopia 1% of men
#59668c Deuteranopia 1% of men
#556a72 Tritanopia 0.001% of the population

Trichromacy

#57628b Protanomaly 1% of men, 0.01% of women
#57638a Deuteranomaly 6% of men, 0.4% of women
#54657a Tritanomaly 0.01% of the population

#545d87 hex color

#545d87 Color Information

#545d87 Color Conversion

Color Schemes with #545d87

Alternatives to #545d87

#545d87 Preview

Shades and Tints of #545d87

Tones of #545d87

Color Blindness Simulator