#5a45f2 hex color

In a RGB color space, hex #5a45f2 is composed of 35.3% red, 27.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 71.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 247.3 degrees, a saturation of 86.9% and a lightness of 61%. #5a45f2 color hex could be obtained by blending #b48aff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 27
- B 95
RGB color chart
- C 63
- M 71
- Y 0
- K 5
CMYK color chart

● #5a45f2 color description : Bright blue.

The hexadecimal color #5a45f2 has RGB values of R:90, G:69, B:242 and CMYK values of C:0.63, M:0.71, Y:0, K:0.05. Its decimal value is 5916146.

Hex triplet	5a45f2	`#5a45f2`
RGB Decimal	90, 69, 242	`rgb(90,69,242)`
RGB Percent	35.3, 27.1, 94.9	`rgb(35.3%,27.1%,94.9%)`
CMYK	63, 71, 0, 5
HSL	247.3°, 86.9, 61	`hsl(247.3,86.9%,61%)`
HSV (or HSB)	247.3°, 71.5, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.521, 56.455, -83.473
XYZ	22.369, 12.84, 85.299
xyY	0.186, 0.107, 12.84
CIE-LCH	42.521, 100.771, 304.072
CIE-LUV	42.521, -4.322, -123.223
Hunter-Lab	35.833, 48.722, -116.056
Binary	01011010, 01000101, 11110010

#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#ddf245
```
#ddf245 rgb(221,242,69)
```

Complementary Color

#4587f2
```
#4587f2 rgb(69,135,242)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#b145f2
```
#b145f2 rgb(177,69,242)
```

Analogous Color

#87f245
```
#87f245 rgb(135,242,69)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#f2b145
```
#f2b145 rgb(242,177,69)
```

Split Complementary Color

#45f25a
```
#45f25a rgb(69,242,90)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#f25a45
```
#f25a45 rgb(242,90,69)
```

Triadic Color

#45ddf2
```
#45ddf2 rgb(69,221,242)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#f25a45
```
#f25a45 rgb(242,90,69)
```
#ddf245
```
#ddf245 rgb(221,242,69)
```

Tetradic Color

#280fdb
```
#280fdb rgb(40,15,219)
```
#3015ef
```
#3015ef rgb(48,21,239)
```
#452df0
```
#452df0 rgb(69,45,240)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#6f5df4
```
#6f5df4 rgb(111,93,244)
```
#8475f5
```
#8475f5 rgb(132,117,245)
```
#998df7
```
#998df7 rgb(153,141,247)
```

Monochromatic Color

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

#455bf2
```
#455bf2 rgb(69,91,242)
```
#454df2
```
#454df2 rgb(69,77,242)
```
#4c45f2
```
#4c45f2 rgb(76,69,242)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#6845f2
```
#6845f2 rgb(104,69,242)
```
#7745f2
```
#7745f2 rgb(119,69,242)
```
#8545f2
```
#8545f2 rgb(133,69,242)
```

Similar Colors

Text with hexadecimal color #5a45f2

This text has a font color of #5a45f2.

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

#5a45f2 background color

This paragraph has a background color of #5a45f2.

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

#5a45f2 border color

This element has a border color of #5a45f2.

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

CSS codes

.text {color:#5a45f2;}

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

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

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

#030110
```
#030110 rgb(3,1,16)
```
#060222
```
#060222 rgb(6,2,34)
```
#0a0434
```
#0a0434 rgb(10,4,52)
```
#0d0547
```
#0d0547 rgb(13,5,71)
```
#100659
```
#100659 rgb(16,6,89)
```
#14086b
```
#14086b rgb(20,8,107)
```
#17097e
```
#17097e rgb(23,9,126)
```
#1a0a90
```
#1a0a90 rgb(26,10,144)
```
#1e0ba2
```
#1e0ba2 rgb(30,11,162)
```
#210db5
```
#210db5 rgb(33,13,181)
```
#240ec7
```
#240ec7 rgb(36,14,199)
```
#280fd9
```
#280fd9 rgb(40,15,217)
```
#2b10ec
```
#2b10ec rgb(43,16,236)
```

Shade Color Variation

#3920ef
```
#3920ef rgb(57,32,239)
```
#4a33f1
```
#4a33f1 rgb(74,51,241)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#6a57f3
```
#6a57f3 rgb(106,87,243)
```
#7b6af5
```
#7b6af5 rgb(123,106,245)
```
#8b7cf6
```
#8b7cf6 rgb(139,124,246)
```
#9b8ef7
```
#9b8ef7 rgb(155,142,247)
```
#aba1f8
```
#aba1f8 rgb(171,161,248)
```
#bcb3fa
```
#bcb3fa rgb(188,179,250)
```
#ccc5fb
```
#ccc5fb rgb(204,197,251)
```
#dcd8fc
```
#dcd8fc rgb(220,216,252)
```
#eceafe
```
#eceafe rgb(236,234,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a999e is the less saturated color, while #543dfa is the most saturated one.

#9a999e
```
#9a999e rgb(154,153,158)
```
#9492a5
```
#9492a5 rgb(148,146,165)
```
#8e8aad
```
#8e8aad rgb(142,138,173)
```
#8882b5
```
#8882b5 rgb(136,130,181)
```
#837bbc
```
#837bbc rgb(131,123,188)
```
#7d73c4
```
#7d73c4 rgb(125,115,196)
```
#776bcc
```
#776bcc rgb(119,107,204)
```
#7164d3
```
#7164d3 rgb(113,100,211)
```
#6b5cdb
```
#6b5cdb rgb(107,92,219)
```
#6654e3
```
#6654e3 rgb(102,84,227)
```
#604dea
```
#604dea rgb(96,77,234)
```
#5a45f2
```
#5a45f2 rgb(90,69,242)
```
#543dfa
```
#543dfa rgb(84,61,250)
```

Tone Color Variation

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

Dichromacy

#0069cc Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#205cda Protanomaly 1% of men, 0.01% of women
#205fc9 Deuteranomaly 6% of men, 0.4% of women
#2064a8 Tritanomaly 0.01% of the population

#5a45f2 hex color

#5a45f2 Color Information

#5a45f2 Color Conversion

Color Schemes with #5a45f2

Alternatives to #5a45f2

#5a45f2 Preview

Shades and Tints of #5a45f2

Tones of #5a45f2

Color Blindness Simulator