#545ab8 hex color

In a RGB color space, hex #545ab8 is composed of 32.9% red, 35.3% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 51.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 236.4 degrees, a saturation of 41.3% and a lightness of 52.5%. #545ab8 color hex could be obtained by blending #a8b4ff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 35
- B 72
RGB color chart
- C 54
- M 51
- Y 0
- K 28
CMYK color chart

● #545ab8 color description : Moderate blue.

The hexadecimal color #545ab8 has RGB values of R:84, G:90, B:184 and CMYK values of C:0.54, M:0.51, Y:0, K:0.28. Its decimal value is 5528248.

Hex triplet	545ab8	`#545ab8`
RGB Decimal	84, 90, 184	`rgb(84,90,184)`
RGB Percent	32.9, 35.3, 72.2	`rgb(32.9%,35.3%,72.2%)`
CMYK	54, 51, 0, 28
HSL	236.4°, 41.3, 52.5	`hsl(236.4,41.3%,52.5%)`
HSV (or HSB)	236.4°, 54.3, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.242, 24.817, -50.676
XYZ	15.962, 12.657, 46.947
xyY	0.211, 0.167, 12.657
CIE-LCH	42.242, 56.426, 296.092
CIE-LUV	42.242, -7.499, -76.732
Hunter-Lab	35.577, 17.828, -53.334
Binary	01010100, 01011010, 10111000

#545ab8
```
#545ab8 rgb(84,90,184)
```
#b8b254
```
#b8b254 rgb(184,178,84)
```

Complementary Color

#548cb8
```
#548cb8 rgb(84,140,184)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#8054b8
```
#8054b8 rgb(128,84,184)
```

Analogous Color

#8cb854
```
#8cb854 rgb(140,184,84)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#b88054
```
#b88054 rgb(184,128,84)
```

Split Complementary Color

#5ab854
```
#5ab854 rgb(90,184,84)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#b8545a
```
#b8545a rgb(184,84,90)
```

Triadic Color

#54b8b2
```
#54b8b2 rgb(84,184,178)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#b8545a
```
#b8545a rgb(184,84,90)
```
#b8b254
```
#b8b254 rgb(184,178,84)
```

Tetradic Color

#383d87
```
#383d87 rgb(56,61,135)
```
#404599
```
#404599 rgb(64,69,153)
```
#474dab
```
#474dab rgb(71,77,171)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#666bbf
```
#666bbf rgb(102,107,191)
```
#787dc7
```
#787dc7 rgb(120,125,199)
```
#8a8ece
```
#8a8ece rgb(138,142,206)
```

Monochromatic Color

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

#5473b8
```
#5473b8 rgb(84,115,184)
```
#546bb8
```
#546bb8 rgb(84,107,184)
```
#5462b8
```
#5462b8 rgb(84,98,184)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#5654b8
```
#5654b8 rgb(86,84,184)
```
#5f54b8
```
#5f54b8 rgb(95,84,184)
```
#6754b8
```
#6754b8 rgb(103,84,184)
```

Similar Colors

Text with hexadecimal color #545ab8

This text has a font color of #545ab8.

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

#545ab8 background color

This paragraph has a background color of #545ab8.

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

#545ab8 border color

This element has a border color of #545ab8.

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

CSS codes

.text {color:#545ab8;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0a0a17
```
#0a0a17 rgb(10,10,23)
```
#0f1125
```
#0f1125 rgb(15,17,37)
```
#151733
```
#151733 rgb(21,23,51)
```
#1b1d41
```
#1b1d41 rgb(27,29,65)
```
#21234e
```
#21234e rgb(33,35,78)
```
#262a5c
```
#262a5c rgb(38,42,92)
```
#2c306a
```
#2c306a rgb(44,48,106)
```
#323678
```
#323678 rgb(50,54,120)
```
#383c86
```
#383c86 rgb(56,60,134)
```
#3d4394
```
#3d4394 rgb(61,67,148)
```
#4349a2
```
#4349a2 rgb(67,73,162)
```
#494fb0
```
#494fb0 rgb(73,79,176)
```

Shade Color Variation

#545ab8
```
#545ab8 rgb(84,90,184)
```
#6267be
```
#6267be rgb(98,103,190)
```
#7075c4
```
#7075c4 rgb(112,117,196)
```
#7e82c9
```
#7e82c9 rgb(126,130,201)
```
#8b8fcf
```
#8b8fcf rgb(139,143,207)
```
#999dd5
```
#999dd5 rgb(153,157,213)
```
#a7aadb
```
#a7aadb rgb(167,170,219)
```
#b5b8e0
```
#b5b8e0 rgb(181,184,224)
```
#c3c5e6
```
#c3c5e6 rgb(195,197,230)
```
#d1d2ec
```
#d1d2ec rgb(209,210,236)
```
#dfe0f2
```
#dfe0f2 rgb(223,224,242)
```
#ecedf7
```
#ecedf7 rgb(236,237,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#838389
```
#838389 rgb(131,131,137)
```
#797b93
```
#797b93 rgb(121,123,147)
```
#70739c
```
#70739c rgb(112,115,156)
```
#676aa5
```
#676aa5 rgb(103,106,165)
```
#5d62af
```
#5d62af rgb(93,98,175)
```
#545ab8
```
#545ab8 rgb(84,90,184)
```
#4b52c1
```
#4b52c1 rgb(75,82,193)
```
#414acb
```
#414acb rgb(65,74,203)
```
#3841d4
```
#3841d4 rgb(56,65,212)
```
#2f39dd
```
#2f39dd rgb(47,57,221)
```
#2531e7
```
#2531e7 rgb(37,49,231)
```
#1c29f0
```
#1c29f0 rgb(28,41,240)
```
#1321f9
```
#1321f9 rgb(19,33,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3468c1 Protanopia 1% of men
#006db6 Deuteranopia 1% of men
#3f737b Tritanopia 0.001% of the population

Trichromacy

#3f63bd Protanomaly 1% of men, 0.01% of women
#1e66b7 Deuteranomaly 6% of men, 0.4% of women
#466a91 Tritanomaly 0.01% of the population

#545ab8 hex color

#545ab8 Color Information

#545ab8 Color Conversion

Color Schemes with #545ab8

Alternatives to #545ab8

#545ab8 Preview

Shades and Tints of #545ab8

Tones of #545ab8

Color Blindness Simulator