#5a4cf1 hex color

In a RGB color space, hex #5a4cf1 is composed of 35.3% red, 29.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 68.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 245.1 degrees, a saturation of 85.5% and a lightness of 62.2%. #5a4cf1 color hex could be obtained by blending #b498ff with #0000e3. Closest websafe color is: #6633ff.

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

● #5a4cf1 color description : Soft blue.

The hexadecimal color #5a4cf1 has RGB values of R:90, G:76, B:241 and CMYK values of C:0.63, M:0.68, Y:0, K:0.05. Its decimal value is 5917937.

Hex triplet	5a4cf1	`#5a4cf1`
RGB Decimal	90, 76, 241	`rgb(90,76,241)`
RGB Percent	35.3, 29.8, 94.5	`rgb(35.3%,29.8%,94.5%)`
CMYK	63, 68, 0, 5
HSL	245.1°, 85.5, 62.2	`hsl(245.1,85.5%,62.2%)`
HSV (or HSB)	245.1°, 68.5, 94.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.789, 52.394, -80.827
XYZ	22.675, 13.692, 84.662
xyY	0.187, 0.113, 13.692
CIE-LCH	43.789, 96.323, 302.952
CIE-LUV	43.789, -5.513, -121.076
Hunter-Lab	37.003, 44.626, -109.751
Binary	01011010, 01001100, 11110001

#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#e3f14c
```
#e3f14c rgb(227,241,76)
```

Complementary Color

#4c91f1
```
#4c91f1 rgb(76,145,241)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#ad4cf1
```
#ad4cf1 rgb(173,76,241)
```

Analogous Color

#91f14c
```
#91f14c rgb(145,241,76)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#f1ad4c
```
#f1ad4c rgb(241,173,76)
```

Split Complementary Color

#4cf15a
```
#4cf15a rgb(76,241,90)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#f15a4c
```
#f15a4c rgb(241,90,76)
```

Triadic Color

#4ce3f1
```
#4ce3f1 rgb(76,227,241)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#f15a4c
```
#f15a4c rgb(241,90,76)
```
#e3f14c
```
#e3f14c rgb(227,241,76)
```

Tetradic Color

#2311df
```
#2311df rgb(35,17,223)
```
#2e1ded
```
#2e1ded rgb(46,29,237)
```
#4434ef
```
#4434ef rgb(68,52,239)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#7064f3
```
#7064f3 rgb(112,100,243)
```
#867bf5
```
#867bf5 rgb(134,123,245)
```
#9b93f7
```
#9b93f7 rgb(155,147,247)
```

Monochromatic Color

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

#4c67f1
```
#4c67f1 rgb(76,103,241)
```
#4c5af1
```
#4c5af1 rgb(76,90,241)
```
#4c4cf1
```
#4c4cf1 rgb(76,76,241)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#684cf1
```
#684cf1 rgb(104,76,241)
```
#764cf1
```
#764cf1 rgb(118,76,241)
```
#834cf1
```
#834cf1 rgb(131,76,241)
```

Similar Colors

Text with hexadecimal color #5a4cf1

This text has a font color of #5a4cf1.

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

#5a4cf1 background color

This paragraph has a background color of #5a4cf1.

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

#5a4cf1 border color

This element has a border color of #5a4cf1.

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

CSS codes

.text {color:#5a4cf1;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#030215
```
#030215 rgb(3,2,21)
```
#060327
```
#060327 rgb(6,3,39)
```
#09043a
```
#09043a rgb(9,4,58)
```
#0c064c
```
#0c064c rgb(12,6,76)
```
#0f075e
```
#0f075e rgb(15,7,94)
```
#120970
```
#120970 rgb(18,9,112)
```
#140a82
```
#140a82 rgb(20,10,130)
```
#170c94
```
#170c94 rgb(23,12,148)
```
#1a0da7
```
#1a0da7 rgb(26,13,167)
```
#1d0eb9
```
#1d0eb9 rgb(29,14,185)
```
#2010cb
```
#2010cb rgb(32,16,203)
```
#2311dd
```
#2311dd rgb(35,17,221)
```

Shade Color Variation

#2815ed
```
#2815ed rgb(40,21,237)
```
#3828ee
```
#3828ee rgb(56,40,238)
```
#493af0
```
#493af0 rgb(73,58,240)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#6b5ef2
```
#6b5ef2 rgb(107,94,242)
```
#7c70f4
```
#7c70f4 rgb(124,112,244)
```
#8c83f5
```
#8c83f5 rgb(140,131,245)
```
#9d95f7
```
#9d95f7 rgb(157,149,247)
```
#aea7f8
```
#aea7f8 rgb(174,167,248)
```
#bfb9fa
```
#bfb9fa rgb(191,185,250)
```
#cfcbfb
```
#cfcbfb rgb(207,203,251)
```
#e0defc
```
#e0defc rgb(224,222,252)
```
#f1f0fe
```
#f1f0fe rgb(241,240,254)
```

Tint Color Variation

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

#9e9e9f
```
#9e9e9f rgb(158,158,159)
```
#9896a7
```
#9896a7 rgb(152,150,167)
```
#918fae
```
#918fae rgb(145,143,174)
```
#8b87b6
```
#8b87b6 rgb(139,135,182)
```
#8580bd
```
#8580bd rgb(133,128,189)
```
#7f79c4
```
#7f79c4 rgb(127,121,196)
```
#7971cc
```
#7971cc rgb(121,113,204)
```
#736ad3
```
#736ad3 rgb(115,106,211)
```
#6c62db
```
#6c62db rgb(108,98,219)
```
#665be2
```
#665be2 rgb(102,91,226)
```
#6053ea
```
#6053ea rgb(96,83,234)
```
#5a4cf1
```
#5a4cf1 rgb(90,76,241)
```
#5445f8
```
#5445f8 rgb(84,69,248)
```

Tone Color Variation

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

Dichromacy

#006cd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#2060dd Protanomaly 1% of men, 0.01% of women
#2064cc Deuteranomaly 6% of men, 0.4% of women
#2069aa Tritanomaly 0.01% of the population

#5a4cf1 hex color

#5a4cf1 Color Information

#5a4cf1 Color Conversion

Color Schemes with #5a4cf1

Alternatives to #5a4cf1

#5a4cf1 Preview

Shades and Tints of #5a4cf1

Tones of #5a4cf1

Color Blindness Simulator