#5a45cc hex color

In a RGB color space, hex #5a45cc is composed of 35.3% red, 27.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 66.2% magenta, 0% yellow and 20% black. It has a hue angle of 249.3 degrees, a saturation of 57% and a lightness of 53.5%. #5a45cc color hex could be obtained by blending #b48aff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 27
- B 80
RGB color chart
- C 56
- M 66
- Y 0
- K 20
CMYK color chart

● #5a45cc color description : Moderate blue.

The hexadecimal color #5a45cc has RGB values of R:90, G:69, B:204 and CMYK values of C:0.56, M:0.66, Y:0, K:0.2. Its decimal value is 5916108.

Hex triplet	5a45cc	`#5a45cc`
RGB Decimal	90, 69, 204	`rgb(90,69,204)`
RGB Percent	35.3, 27.1, 80	`rgb(35.3%,27.1%,80%)`
CMYK	56, 66, 0, 20
HSL	249.3°, 57, 53.5	`hsl(249.3,57%,53.5%)`
HSV (or HSB)	249.3°, 66.2, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.223, 45.012, -67.191
XYZ	17.242, 10.789, 58.297
xyY	0.2, 0.125, 10.789
CIE-LCH	39.223, 80.875, 303.819
CIE-LUV	39.223, -1.531, -98.928
Hunter-Lab	32.847, 36.215, -82.238
Binary	01011010, 01000101, 11001100

#5a45cc
```
#5a45cc rgb(90,69,204)
```
#b7cc45
```
#b7cc45 rgb(183,204,69)
```

Complementary Color

#4574cc
```
#4574cc rgb(69,116,204)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#9e45cc
```
#9e45cc rgb(158,69,204)
```

Analogous Color

#74cc45
```
#74cc45 rgb(116,204,69)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#cc9e45
```
#cc9e45 rgb(204,158,69)
```

Split Complementary Color

#45cc5a
```
#45cc5a rgb(69,204,90)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#cc5a45
```
#cc5a45 rgb(204,90,69)
```

Triadic Color

#45b7cc
```
#45b7cc rgb(69,183,204)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#cc5a45
```
#cc5a45 rgb(204,90,69)
```
#b7cc45
```
#b7cc45 rgb(183,204,69)
```

Tetradic Color

#3c2a9a
```
#3c2a9a rgb(60,42,154)
```
#4330ae
```
#4330ae rgb(67,48,174)
```
#4b35c2
```
#4b35c2 rgb(75,53,194)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#6c59d1
```
#6c59d1 rgb(108,89,209)
```
#7e6dd7
```
#7e6dd7 rgb(126,109,215)
```
#8f81dc
```
#8f81dc rgb(143,129,220)
```

Monochromatic Color

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

#4552cc
```
#4552cc rgb(69,82,204)
```
#4547cc
```
#4547cc rgb(69,71,204)
```
#4f45cc
```
#4f45cc rgb(79,69,204)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#6545cc
```
#6545cc rgb(101,69,204)
```
#7145cc
```
#7145cc rgb(113,69,204)
```
#7c45cc
```
#7c45cc rgb(124,69,204)
```

Similar Colors

Text with hexadecimal color #5a45cc

This text has a font color of #5a45cc.

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

#5a45cc background color

This paragraph has a background color of #5a45cc.

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

#5a45cc border color

This element has a border color of #5a45cc.

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

CSS codes

.text {color:#5a45cc;}

.background {background-color:#5a45cc;}

.border {border:1px solid #5a45cc;}

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

#05040e
```
#05040e rgb(5,4,14)
```
#0b081e
```
#0b081e rgb(11,8,30)
```
#110c2d
```
#110c2d rgb(17,12,45)
```
#17113c
```
#17113c rgb(23,17,60)
```
#1d154c
```
#1d154c rgb(29,21,76)
```
#23195b
```
#23195b rgb(35,25,91)
```
#291d6a
```
#291d6a rgb(41,29,106)
```
#2f217a
```
#2f217a rgb(47,33,122)
```
#352689
```
#352689 rgb(53,38,137)
```
#3b2a99
```
#3b2a99 rgb(59,42,153)
```
#412ea8
```
#412ea8 rgb(65,46,168)
```
#4732b7
```
#4732b7 rgb(71,50,183)
```
#4d37c7
```
#4d37c7 rgb(77,55,199)
```

Shade Color Variation

#5a45cc
```
#5a45cc rgb(90,69,204)
```
#6854d0
```
#6854d0 rgb(104,84,208)
```
#7564d4
```
#7564d4 rgb(117,100,212)
```
#8373d9
```
#8373d9 rgb(131,115,217)
```
#9183dd
```
#9183dd rgb(145,131,221)
```
#9e92e1
```
#9e92e1 rgb(158,146,225)
```
#aca1e5
```
#aca1e5 rgb(172,161,229)
```
#bab1ea
```
#bab1ea rgb(186,177,234)
```
#c7c0ee
```
#c7c0ee rgb(199,192,238)
```
#d5d0f2
```
#d5d0f2 rgb(213,208,242)
```
#e3dff6
```
#e3dff6 rgb(227,223,246)
```
#f0eefa
```
#f0eefa rgb(240,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86858c is the less saturated color, while #3b17fa is the most saturated one.

#86858c
```
#86858c rgb(134,133,140)
```
#807c95
```
#807c95 rgb(128,124,149)
```
#79739e
```
#79739e rgb(121,115,158)
```
#7369a8
```
#7369a8 rgb(115,105,168)
```
#6d60b1
```
#6d60b1 rgb(109,96,177)
```
#6757ba
```
#6757ba rgb(103,87,186)
```
#604ec3
```
#604ec3 rgb(96,78,195)
```
#5a45cc
```
#5a45cc rgb(90,69,204)
```
#543cd5
```
#543cd5 rgb(84,60,213)
```
#4d33de
```
#4d33de rgb(77,51,222)
```
#472ae7
```
#472ae7 rgb(71,42,231)
```
#4121f0
```
#4121f0 rgb(65,33,240)
```
#3b17fa
```
#3b17fa rgb(59,23,250)
```

Tone Color Variation

Below, you can see how #5a45cc 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

#5b5b5b Achromatopsia 0.005% of the population
#5b5772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#346c74 Tritanopia 0.001% of the population

Trichromacy

#2057c3 Protanomaly 1% of men, 0.01% of women
#205ab4 Deuteranomaly 6% of men, 0.4% of women
#425e94 Tritanomaly 0.01% of the population

#5a45cc hex color

#5a45cc Color Information

#5a45cc Color Conversion

Color Schemes with #5a45cc

Alternatives to #5a45cc

#5a45cc Preview

Shades and Tints of #5a45cc

Tones of #5a45cc

Color Blindness Simulator