#5a27e0 hex color

In a RGB color space, hex #5a27e0 is composed of 35.3% red, 15.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 82.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 256.5 degrees, a saturation of 74.9% and a lightness of 51.6%. #5a27e0 color hex could be obtained by blending #b44eff with #0000c1. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 15
- B 88
RGB color chart
- C 60
- M 83
- Y 0
- K 12
CMYK color chart

● #5a27e0 color description : Bright violet.

The hexadecimal color #5a27e0 has RGB values of R:90, G:39, B:224 and CMYK values of C:0.6, M:0.83, Y:0, K:0.12. Its decimal value is 5908448.

Hex triplet	5a27e0	`#5a27e0`
RGB Decimal	90, 39, 224	`rgb(90,39,224)`
RGB Percent	35.3, 15.3, 87.8	`rgb(35.3%,15.3%,87.8%)`
CMYK	60, 83, 0, 12
HSL	256.5°, 74.9, 51.6	`hsl(256.5,74.9%,51.6%)`
HSV (or HSB)	256.5°, 82.6, 87.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.996, 65.092, -84.017
XYZ	18.394, 9.006, 71.286
xyY	0.186, 0.091, 9.006
CIE-LCH	35.996, 106.282, 307.767
CIE-LUV	35.996, 1.148, -115.904
Hunter-Lab	30.01, 56.891, -119.832
Binary	01011010, 00100111, 11100000

#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#ade027
```
#ade027 rgb(173,224,39)
```

Complementary Color

#2750e0
```
#2750e0 rgb(39,80,224)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#b727e0
```
#b727e0 rgb(183,39,224)
```

Analogous Color

#50e027
```
#50e027 rgb(80,224,39)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#e0b727
```
#e0b727 rgb(224,183,39)
```

Split Complementary Color

#27e05a
```
#27e05a rgb(39,224,90)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#e05a27
```
#e05a27 rgb(224,90,39)
```

Triadic Color

#27ade0
```
#27ade0 rgb(39,173,224)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#e05a27
```
#e05a27 rgb(224,90,39)
```
#ade027
```
#ade027 rgb(173,224,39)
```

Tetradic Color

#3e17a3
```
#3e17a3 rgb(62,23,163)
```
#461bb9
```
#461bb9 rgb(70,27,185)
```
#4f1ed0
```
#4f1ed0 rgb(79,30,208)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#6b3de3
```
#6b3de3 rgb(107,61,227)
```
#7c54e6
```
#7c54e6 rgb(124,84,230)
```
#8d6aea
```
#8d6aea rgb(141,106,234)
```

Monochromatic Color

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

#2c27e0
```
#2c27e0 rgb(44,39,224)
```
#3b27e0
```
#3b27e0 rgb(59,39,224)
```
#4b27e0
```
#4b27e0 rgb(75,39,224)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#6927e0
```
#6927e0 rgb(105,39,224)
```
#7927e0
```
#7927e0 rgb(121,39,224)
```
#8827e0
```
#8827e0 rgb(136,39,224)
```

Similar Colors

Text with hexadecimal color #5a27e0

This text has a font color of #5a27e0.

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

#5a27e0 background color

This paragraph has a background color of #5a27e0.

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

#5a27e0 border color

This element has a border color of #5a27e0.

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

CSS codes

.text {color:#5a27e0;}

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

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

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

#030107
```
#030107 rgb(3,1,7)
```
#090318
```
#090318 rgb(9,3,24)
```
#100629
```
#100629 rgb(16,6,41)
```
#16083a
```
#16083a rgb(22,8,58)
```
#1d0b4c
```
#1d0b4c rgb(29,11,76)
```
#230d5d
```
#230d5d rgb(35,13,93)
```
#2a106e
```
#2a106e rgb(42,16,110)
```
#30127f
```
#30127f rgb(48,18,127)
```
#371590
```
#371590 rgb(55,21,144)
```
#3d17a1
```
#3d17a1 rgb(61,23,161)
```
#441ab3
```
#441ab3 rgb(68,26,179)
```
#4a1cc4
```
#4a1cc4 rgb(74,28,196)
```
#511fd5
```
#511fd5 rgb(81,31,213)
```

Shade Color Variation

#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#6738e2
```
#6738e2 rgb(103,56,226)
```
#7449e5
```
#7449e5 rgb(116,73,229)
```
#815ae7
```
#815ae7 rgb(129,90,231)
```
#8e6cea
```
#8e6cea rgb(142,108,234)
```
#9c7dec
```
#9c7dec rgb(156,125,236)
```
#a98eef
```
#a98eef rgb(169,142,239)
```
#b69ff1
```
#b69ff1 rgb(182,159,241)
```
#c3b0f4
```
#c3b0f4 rgb(195,176,244)
```
#d0c1f6
```
#d0c1f6 rgb(208,193,246)
```
#ddd3f9
```
#ddd3f9 rgb(221,211,249)
```
#eae4fb
```
#eae4fb rgb(234,228,251)
```
#f7f5fe
```
#f7f5fe rgb(247,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807d8b is the less saturated color, while #4d0afd is the most saturated one.

#807d8b
```
#807d8b rgb(128,125,139)
```
#7c7394
```
#7c7394 rgb(124,115,148)
```
#786a9e
```
#786a9e rgb(120,106,158)
```
#7460a7
```
#7460a7 rgb(116,96,167)
```
#6f57b1
```
#6f57b1 rgb(111,87,177)
```
#6b4dba
```
#6b4dba rgb(107,77,186)
```
#6744c4
```
#6744c4 rgb(103,68,196)
```
#633acd
```
#633acd rgb(99,58,205)
```
#5e31d7
```
#5e31d7 rgb(94,49,215)
```
#5a27e0
```
#5a27e0 rgb(90,39,224)
```
#561eea
```
#561eea rgb(86,30,234)
```
#5114f3
```
#5114f3 rgb(81,20,243)
```
#4d0afd
```
#4d0afd rgb(77,10,253)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4e4469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#2048c1 Protanomaly 1% of men, 0.01% of women
#204bb2 Deuteranomaly 6% of men, 0.4% of women
#204f97 Tritanomaly 0.01% of the population

#5a27e0 hex color

#5a27e0 Color Information

#5a27e0 Color Conversion

Color Schemes with #5a27e0

Alternatives to #5a27e0

#5a27e0 Preview

Shades and Tints of #5a27e0

Tones of #5a27e0

Color Blindness Simulator