#5a45c8 hex color

In a RGB color space, hex #5a45c8 is composed of 35.3% red, 27.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 65.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 249.6 degrees, a saturation of 54.4% and a lightness of 52.7%. #5a45c8 color hex could be obtained by blending #b48aff with #000091. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 27
- B 78
RGB color chart
- C 55
- M 66
- Y 0
- K 22
CMYK color chart

● #5a45c8 color description : Moderate blue.

The hexadecimal color #5a45c8 has RGB values of R:90, G:69, B:200 and CMYK values of C:0.55, M:0.66, Y:0, K:0.22. Its decimal value is 5916104.

Hex triplet	5a45c8	`#5a45c8`
RGB Decimal	90, 69, 200	`rgb(90,69,200)`
RGB Percent	35.3, 27.1, 78.4	`rgb(35.3%,27.1%,78.4%)`
CMYK	55, 66, 0, 22
HSL	249.6°, 54.4, 52.7	`hsl(249.6,54.4%,52.7%)`
HSV (or HSB)	249.6°, 65.5, 78.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.898, 43.798, -65.401
XYZ	16.768, 10.6, 55.803
xyY	0.202, 0.127, 10.6
CIE-LCH	38.898, 78.712, 303.809
CIE-LUV	38.898, -1.209, -96.255
Hunter-Lab	32.557, 34.959, -78.834
Binary	01011010, 01000101, 11001000

#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#b3c845
```
#b3c845 rgb(179,200,69)
```

Complementary Color

#4572c8
```
#4572c8 rgb(69,114,200)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#9c45c8
```
#9c45c8 rgb(156,69,200)
```

Analogous Color

#72c845
```
#72c845 rgb(114,200,69)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#c89c45
```
#c89c45 rgb(200,156,69)
```

Split Complementary Color

#45c85a
```
#45c85a rgb(69,200,90)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#c85a45
```
#c85a45 rgb(200,90,69)
```

Triadic Color

#45b3c8
```
#45b3c8 rgb(69,179,200)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#c85a45
```
#c85a45 rgb(200,90,69)
```
#b3c845
```
#b3c845 rgb(179,200,69)
```

Tetradic Color

#3d2c95
```
#3d2c95 rgb(61,44,149)
```
#4532a8
```
#4532a8 rgb(69,50,168)
```
#4d38bc
```
#4d38bc rgb(77,56,188)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#6b59ce
```
#6b59ce rgb(107,89,206)
```
#7d6cd4
```
#7d6cd4 rgb(125,108,212)
```
#8e80d9
```
#8e80d9 rgb(142,128,217)
```

Monochromatic Color

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

#4551c8
```
#4551c8 rgb(69,81,200)
```
#4546c8
```
#4546c8 rgb(69,70,200)
```
#4f45c8
```
#4f45c8 rgb(79,69,200)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#6545c8
```
#6545c8 rgb(101,69,200)
```
#7045c8
```
#7045c8 rgb(112,69,200)
```
#7b45c8
```
#7b45c8 rgb(123,69,200)
```

Similar Colors

Text with hexadecimal color #5a45c8

This text has a font color of #5a45c8.

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

#5a45c8 background color

This paragraph has a background color of #5a45c8.

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

#5a45c8 border color

This element has a border color of #5a45c8.

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

CSS codes

.text {color:#5a45c8;}

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

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

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, #04030b is the darkest color, while #fbfbfe is the lightest one.

#04030b
```
#04030b rgb(4,3,11)
```
#0b081a
```
#0b081a rgb(11,8,26)
```
#110c29
```
#110c29 rgb(17,12,41)
```
#171138
```
#171138 rgb(23,17,56)
```
#1d1547
```
#1d1547 rgb(29,21,71)
```
#231a56
```
#231a56 rgb(35,26,86)
```
#2a1e66
```
#2a1e66 rgb(42,30,102)
```
#302375
```
#302375 rgb(48,35,117)
```
#362784
```
#362784 rgb(54,39,132)
```
#3c2b93
```
#3c2b93 rgb(60,43,147)
```
#4230a2
```
#4230a2 rgb(66,48,162)
```
#4834b1
```
#4834b1 rgb(72,52,177)
```
#4f39c0
```
#4f39c0 rgb(79,57,192)
```

Shade Color Variation

#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#6754cc
```
#6754cc rgb(103,84,204)
```
#7563d1
```
#7563d1 rgb(117,99,209)
```
#8272d5
```
#8272d5 rgb(130,114,213)
```
#9082da
```
#9082da rgb(144,130,218)
```
#9d91de
```
#9d91de rgb(157,145,222)
```
#aba0e3
```
#aba0e3 rgb(171,160,227)
```
#b8afe7
```
#b8afe7 rgb(184,175,231)
```
#c5beec
```
#c5beec rgb(197,190,236)
```
#d3cdf0
```
#d3cdf0 rgb(211,205,240)
```
#e0dcf5
```
#e0dcf5 rgb(224,220,245)
```
#eeecf9
```
#eeecf9 rgb(238,236,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#868687
```
#868687 rgb(134,134,135)
```
#807d90
```
#807d90 rgb(128,125,144)
```
#79739a
```
#79739a rgb(121,115,154)
```
#736aa3
```
#736aa3 rgb(115,106,163)
```
#6d61ac
```
#6d61ac rgb(109,97,172)
```
#6758b5
```
#6758b5 rgb(103,88,181)
```
#604ebf
```
#604ebf rgb(96,78,191)
```
#5a45c8
```
#5a45c8 rgb(90,69,200)
```
#543cd1
```
#543cd1 rgb(84,60,209)
```
#4d32db
```
#4d32db rgb(77,50,219)
```
#4729e4
```
#4729e4 rgb(71,41,228)
```
#4120ed
```
#4120ed rgb(65,32,237)
```
#3b17f6
```
#3b17f6 rgb(59,23,246)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5a5670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#386b73 Tritanopia 0.001% of the population

Trichromacy

#2056c1 Protanomaly 1% of men, 0.01% of women
#205ab2 Deuteranomaly 6% of men, 0.4% of women
#445d92 Tritanomaly 0.01% of the population

#5a45c8 hex color

#5a45c8 Color Information

#5a45c8 Color Conversion

Color Schemes with #5a45c8

Alternatives to #5a45c8

#5a45c8 Preview

Shades and Tints of #5a45c8

Tones of #5a45c8

Color Blindness Simulator