#545b8d hex color

In a RGB color space, hex #545b8d is composed of 32.9% red, 35.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 35.5% magenta, 0% yellow and 44.7% black. It has a hue angle of 232.6 degrees, a saturation of 25.3% and a lightness of 44.1%. #545b8d color hex could be obtained by blending #a8b6ff with #00001b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 36
- B 55
RGB color chart
- C 40
- M 35
- Y 0
- K 45
CMYK color chart

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

The hexadecimal color #545b8d has RGB values of R:84, G:91, B:141 and CMYK values of C:0.4, M:0.35, Y:0, K:0.45. Its decimal value is 5528461.

Hex triplet	545b8d	`#545b8d`
RGB Decimal	84, 91, 141	`rgb(84,91,141)`
RGB Percent	32.9, 35.7, 55.3	`rgb(32.9%,35.7%,55.3%)`
CMYK	40, 35, 0, 45
HSL	232.6°, 25.3, 44.1	`hsl(232.6,25.3%,44.1%)`
HSV (or HSB)	232.6°, 40.4, 55.3
Web Safe	666699	`#666699`

CIE-LAB	40.064, 10.59, -28.574
XYZ	12.204, 11.29, 26.734
xyY	0.243, 0.225, 11.29
CIE-LCH	40.064, 30.473, 290.335
CIE-LUV	40.064, -5.908, -41.747
Hunter-Lab	33.6, 6.033, -23.654
Binary	01010100, 01011011, 10001101

#545b8d
```
#545b8d rgb(84,91,141)
```
#8d8654
```
#8d8654 rgb(141,134,84)
```

Complementary Color

#54788d
```
#54788d rgb(84,120,141)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#6a548d
```
#6a548d rgb(106,84,141)
```

Analogous Color

#788d54
```
#788d54 rgb(120,141,84)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#8d6a54
```
#8d6a54 rgb(141,106,84)
```

Split Complementary Color

#5b8d54
```
#5b8d54 rgb(91,141,84)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#8d545b
```
#8d545b rgb(141,84,91)
```

Triadic Color

#548d86
```
#548d86 rgb(84,141,134)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#8d545b
```
#8d545b rgb(141,84,91)
```
#8d8654
```
#8d8654 rgb(141,134,84)
```

Tetradic Color

#373c5d
```
#373c5d rgb(55,60,93)
```
#41466d
```
#41466d rgb(65,70,109)
```
#4a517d
```
#4a517d rgb(74,81,125)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#5e659d
```
#5e659d rgb(94,101,157)
```
#6c74a8
```
#6c74a8 rgb(108,116,168)
```
#7c83b1
```
#7c83b1 rgb(124,131,177)
```

Monochromatic Color

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

#54698d
```
#54698d rgb(84,105,141)
```
#54658d
```
#54658d rgb(84,101,141)
```
#54608d
```
#54608d rgb(84,96,141)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#54568d
```
#54568d rgb(84,86,141)
```
#57548d
```
#57548d rgb(87,84,141)
```
#5b548d
```
#5b548d rgb(91,84,141)
```

Similar Colors

Text with hexadecimal color #545b8d

This text has a font color of #545b8d.

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

#545b8d background color

This paragraph has a background color of #545b8d.

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

#545b8d border color

This element has a border color of #545b8d.

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

CSS codes

.text {color:#545b8d;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0b0c12
```
#0b0c12 rgb(11,12,18)
```
#12141e
```
#12141e rgb(18,20,30)
```
#191c2b
```
#191c2b rgb(25,28,43)
```
#212337
```
#212337 rgb(33,35,55)
```
#282b43
```
#282b43 rgb(40,43,67)
```
#2f3350
```
#2f3350 rgb(47,51,80)
```
#373b5c
```
#373b5c rgb(55,59,92)
```
#3e4368
```
#3e4368 rgb(62,67,104)
```
#454b74
```
#454b74 rgb(69,75,116)
```
#4d5381
```
#4d5381 rgb(77,83,129)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#5b6399
```
#5b6399 rgb(91,99,153)
```

Shade Color Variation

#656da3
```
#656da3 rgb(101,109,163)
```
#7178ab
```
#7178ab rgb(113,120,171)
```
#7e84b2
```
#7e84b2 rgb(126,132,178)
```
#8a90b9
```
#8a90b9 rgb(138,144,185)
```
#969bc1
```
#969bc1 rgb(150,155,193)
```
#a2a7c8
```
#a2a7c8 rgb(162,167,200)
```
#afb3cf
```
#afb3cf rgb(175,179,207)
```
#bbbed7
```
#bbbed7 rgb(187,190,215)
```
#c7cade
```
#c7cade rgb(199,202,222)
```
#d4d6e5
```
#d4d6e5 rgb(212,214,229)
```
#e0e1ec
```
#e0e1ec rgb(224,225,236)
```
#ecedf4
```
#ecedf4 rgb(236,237,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#6e6f73
```
#6e6f73 rgb(110,111,115)
```
#65687c
```
#65687c rgb(101,104,124)
```
#5d6284
```
#5d6284 rgb(93,98,132)
```
#545b8d
```
#545b8d rgb(84,91,141)
```
#4b5496
```
#4b5496 rgb(75,84,150)
```
#434e9e
```
#434e9e rgb(67,78,158)
```
#3a47a7
```
#3a47a7 rgb(58,71,167)
```
#3141b0
```
#3141b0 rgb(49,65,176)
```
#293ab8
```
#293ab8 rgb(41,58,184)
```
#2034c1
```
#2034c1 rgb(32,52,193)
```
#172dca
```
#172dca rgb(23,45,202)
```
#0f27d2
```
#0f27d2 rgb(15,39,210)
```
#0620db
```
#0620db rgb(6,32,219)
```

Tone Color Variation

Below, you can see how #545b8d 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
#5d5e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556594 Protanopia 1% of men
#526691 Deuteranopia 1% of men
#526a72 Tritanopia 0.001% of the population

Trichromacy

#546191 Protanomaly 1% of men, 0.01% of women
#536290 Deuteranomaly 6% of men, 0.4% of women
#53647b Tritanomaly 0.01% of the population

#545b8d hex color

#545b8d Color Information

#545b8d Color Conversion

Color Schemes with #545b8d

Alternatives to #545b8d

#545b8d Preview

Shades and Tints of #545b8d

Tones of #545b8d

Color Blindness Simulator