#545ad1 hex color

In a RGB color space, hex #545ad1 is composed of 32.9% red, 35.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 56.9% magenta, 0% yellow and 18% black. It has a hue angle of 237.1 degrees, a saturation of 57.6% and a lightness of 57.5%. #545ad1 color hex could be obtained by blending #a8b4ff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 35
- B 82
RGB color chart
- C 60
- M 57
- Y 0
- K 18
CMYK color chart

● #545ad1 color description : Moderate blue.

The hexadecimal color #545ad1 has RGB values of R:84, G:90, B:209 and CMYK values of C:0.6, M:0.57, Y:0, K:0.18. Its decimal value is 5528273.

Hex triplet	545ad1	`#545ad1`
RGB Decimal	84, 90, 209	`rgb(84,90,209)`
RGB Percent	32.9, 35.3, 82	`rgb(32.9%,35.3%,82%)`
CMYK	60, 57, 0, 18
HSL	237.1°, 57.6, 57.5	`hsl(237.1,57.6%,57.5%)`
HSV (or HSB)	237.1°, 59.8, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.944, 33.04, -62.409
XYZ	18.819, 13.8, 61.99
xyY	0.199, 0.146, 13.8
CIE-LCH	43.944, 70.615, 297.897
CIE-LUV	43.944, -8.591, -95.248
Hunter-Lab	37.148, 25.417, -72.935
Binary	01010100, 01011010, 11010001

#545ad1
```
#545ad1 rgb(84,90,209)
```
#d1cb54
```
#d1cb54 rgb(209,203,84)
```

Complementary Color

#5499d1
```
#5499d1 rgb(84,153,209)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#8d54d1
```
#8d54d1 rgb(141,84,209)
```

Analogous Color

#99d154
```
#99d154 rgb(153,209,84)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#d18d54
```
#d18d54 rgb(209,141,84)
```

Split Complementary Color

#5ad154
```
#5ad154 rgb(90,209,84)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#d1545a
```
#d1545a rgb(209,84,90)
```

Triadic Color

#54d1cb
```
#54d1cb rgb(84,209,203)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#d1545a
```
#d1545a rgb(209,84,90)
```
#d1cb54
```
#d1cb54 rgb(209,203,84)
```

Tetradic Color

#2e34ab
```
#2e34ab rgb(46,52,171)
```
#333abf
```
#333abf rgb(51,58,191)
```
#4047cc
```
#4047cc rgb(64,71,204)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#686dd6
```
#686dd6 rgb(104,109,214)
```
#7c81dc
```
#7c81dc rgb(124,129,220)
```
#9094e1
```
#9094e1 rgb(144,148,225)
```

Monochromatic Color

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

#5479d1
```
#5479d1 rgb(84,121,209)
```
#546fd1
```
#546fd1 rgb(84,111,209)
```
#5464d1
```
#5464d1 rgb(84,100,209)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#5854d1
```
#5854d1 rgb(88,84,209)
```
#6354d1
```
#6354d1 rgb(99,84,209)
```
#6d54d1
```
#6d54d1 rgb(109,84,209)
```

Similar Colors

Text with hexadecimal color #545ad1

This text has a font color of #545ad1.

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

#545ad1 background color

This paragraph has a background color of #545ad1.

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

#545ad1 border color

This element has a border color of #545ad1.

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

CSS codes

.text {color:#545ad1;}

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

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

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, #04040e is the darkest color, while #fefeff is the lightest one.

#04040e
```
#04040e rgb(4,4,14)
```
#08091e
```
#08091e rgb(8,9,30)
```
#0c0e2d
```
#0c0e2d rgb(12,14,45)
```
#10133d
```
#10133d rgb(16,19,61)
```
#15174c
```
#15174c rgb(21,23,76)
```
#191c5c
```
#191c5c rgb(25,28,92)
```
#1d216b
```
#1d216b rgb(29,33,107)
```
#21257b
```
#21257b rgb(33,37,123)
```
#252a8a
```
#252a8a rgb(37,42,138)
```
#292f9a
```
#292f9a rgb(41,47,154)
```
#2d33a9
```
#2d33a9 rgb(45,51,169)
```
#3238b9
```
#3238b9 rgb(50,56,185)
```
#363dc8
```
#363dc8 rgb(54,61,200)
```

Shade Color Variation

#454bcd
```
#454bcd rgb(69,75,205)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#6369d5
```
#6369d5 rgb(99,105,213)
```
#7378d9
```
#7378d9 rgb(115,120,217)
```
#8287dd
```
#8287dd rgb(130,135,221)
```
#9296e2
```
#9296e2 rgb(146,150,226)
```
#a1a5e6
```
#a1a5e6 rgb(161,165,230)
```
#b1b3ea
```
#b1b3ea rgb(177,179,234)
```
#c0c2ee
```
#c0c2ee rgb(192,194,238)
```
#d0d1f2
```
#d0d1f2 rgb(208,209,242)
```
#dfe0f6
```
#dfe0f6 rgb(223,224,246)
```
#efeffb
```
#efeffb rgb(239,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8f97 is the less saturated color, while #2a34fb is the most saturated one.

#8e8f97
```
#8e8f97 rgb(142,143,151)
```
#86879f
```
#86879f rgb(134,135,159)
```
#7e80a7
```
#7e80a7 rgb(126,128,167)
```
#7578b0
```
#7578b0 rgb(117,120,176)
```
#6d71b8
```
#6d71b8 rgb(109,113,184)
```
#6569c0
```
#6569c0 rgb(101,105,192)
```
#5c62c9
```
#5c62c9 rgb(92,98,201)
```
#545ad1
```
#545ad1 rgb(84,90,209)
```
#4c52d9
```
#4c52d9 rgb(76,82,217)
```
#434be2
```
#434be2 rgb(67,75,226)
```
#3b43ea
```
#3b43ea rgb(59,67,234)
```
#333cf2
```
#333cf2 rgb(51,60,242)
```
#2a34fb
```
#2a34fb rgb(42,52,251)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62647b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#287982 Tritanopia 0.001% of the population

Trichromacy

#1e65d3 Protanomaly 1% of men, 0.01% of women
#1e69c2 Deuteranomaly 6% of men, 0.4% of women
#386e9f Tritanomaly 0.01% of the population

#545ad1 hex color

#545ad1 Color Information

#545ad1 Color Conversion

Color Schemes with #545ad1

Alternatives to #545ad1

#545ad1 Preview

Shades and Tints of #545ad1

Tones of #545ad1

Color Blindness Simulator