#5527e4 hex color

In a RGB color space, hex #5527e4 is composed of 33.3% red, 15.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 82.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 254.6 degrees, a saturation of 77.8% and a lightness of 52.4%. #5527e4 color hex could be obtained by blending #aa4eff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 15
- B 89
RGB color chart
- C 63
- M 83
- Y 0
- K 11
CMYK color chart

● #5527e4 color description : Bright blue.

The hexadecimal color #5527e4 has RGB values of R:85, G:39, B:228 and CMYK values of C:0.63, M:0.83, Y:0, K:0.11. Its decimal value is 5580772.

Hex triplet	5527e4	`#5527e4`
RGB Decimal	85, 39, 228	`rgb(85,39,228)`
RGB Percent	33.3, 15.3, 89.4	`rgb(33.3%,15.3%,89.4%)`
CMYK	63, 83, 0, 11
HSL	254.6°, 77.8, 52.4	`hsl(254.6,77.8%,52.4%)`
HSV (or HSB)	254.6°, 82.9, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.952, 65.694, -86.392
XYZ	18.473, 8.983, 74.155
xyY	0.182, 0.088, 8.983
CIE-LCH	35.952, 108.533, 307.25
CIE-LUV	35.952, -0.54, -118.308
Hunter-Lab	29.972, 57.566, -125.713
Binary	01010101, 00100111, 11100100

#5527e4
```
#5527e4 rgb(85,39,228)
```
#b6e427
```
#b6e427 rgb(182,228,39)
```

Complementary Color

#2758e4
```
#2758e4 rgb(39,88,228)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#b427e4
```
#b427e4 rgb(180,39,228)
```

Analogous Color

#58e427
```
#58e427 rgb(88,228,39)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#e4b427
```
#e4b427 rgb(228,180,39)
```

Split Complementary Color

#27e455
```
#27e455 rgb(39,228,85)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#e45527
```
#e45527 rgb(228,85,39)
```

Triadic Color

#27b6e4
```
#27b6e4 rgb(39,182,228)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#e45527
```
#e45527 rgb(228,85,39)
```
#b6e427
```
#b6e427 rgb(182,228,39)
```

Tetradic Color

#3915a9
```
#3915a9 rgb(57,21,169)
```
#4118c0
```
#4118c0 rgb(65,24,192)
```
#491bd7
```
#491bd7 rgb(73,27,215)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#673ee7
```
#673ee7 rgb(103,62,231)
```
#7954ea
```
#7954ea rgb(121,84,234)
```
#8b6bed
```
#8b6bed rgb(139,107,237)
```

Monochromatic Color

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

#2728e4
```
#2728e4 rgb(39,40,228)
```
#3527e4
```
#3527e4 rgb(53,39,228)
```
#4527e4
```
#4527e4 rgb(69,39,228)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#6527e4
```
#6527e4 rgb(101,39,228)
```
#7527e4
```
#7527e4 rgb(117,39,228)
```
#8427e4
```
#8427e4 rgb(132,39,228)
```

Similar Colors

Text with hexadecimal color #5527e4

This text has a font color of #5527e4.

<span style="color:#5527e4;">Text here</span>

#5527e4 background color

This paragraph has a background color of #5527e4.

<p style="background-color:#5527e4;">Content here</p>

#5527e4 border color

This element has a border color of #5527e4.

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

CSS codes

.text {color:#5527e4;}

.background {background-color:#5527e4;}

.border {border:1px solid #5527e4;}

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

#04010b
```
#04010b rgb(4,1,11)
```
#09041c
```
#09041c rgb(9,4,28)
```
#0f062e
```
#0f062e rgb(15,6,46)
```
#15083f
```
#15083f rgb(21,8,63)
```
#1b0a50
```
#1b0a50 rgb(27,10,80)
```
#210c62
```
#210c62 rgb(33,12,98)
```
#270e73
```
#270e73 rgb(39,14,115)
```
#2d1185
```
#2d1185 rgb(45,17,133)
```
#331396
```
#331396 rgb(51,19,150)
```
#3915a8
```
#3915a8 rgb(57,21,168)
```
#3f17b9
```
#3f17b9 rgb(63,23,185)
```
#4419ca
```
#4419ca rgb(68,25,202)
```
#4a1bdc
```
#4a1bdc rgb(74,27,220)
```

Shade Color Variation

#5527e4
```
#5527e4 rgb(85,39,228)
```
#6338e6
```
#6338e6 rgb(99,56,230)
```
#704ae8
```
#704ae8 rgb(112,74,232)
```
#7e5beb
```
#7e5beb rgb(126,91,235)
```
#8c6ded
```
#8c6ded rgb(140,109,237)
```
#9a7eef
```
#9a7eef rgb(154,126,239)
```
#a790f1
```
#a790f1 rgb(167,144,241)
```
#b5a1f3
```
#b5a1f3 rgb(181,161,243)
```
#c3b2f5
```
#c3b2f5 rgb(195,178,245)
```
#d1c4f8
```
#d1c4f8 rgb(209,196,248)
```
#ded5fa
```
#ded5fa rgb(222,213,250)
```
#ece7fc
```
#ece7fc rgb(236,231,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#858487
```
#858487 rgb(133,132,135)
```
#807b90
```
#807b90 rgb(128,123,144)
```
#7b7299
```
#7b7299 rgb(123,114,153)
```
#7768a3
```
#7768a3 rgb(119,104,163)
```
#725fac
```
#725fac rgb(114,95,172)
```
#6d56b5
```
#6d56b5 rgb(109,86,181)
```
#684cbf
```
#684cbf rgb(104,76,191)
```
#6343c8
```
#6343c8 rgb(99,67,200)
```
#5f3ad1
```
#5f3ad1 rgb(95,58,209)
```
#5a30db
```
#5a30db rgb(90,48,219)
```
#5527e4
```
#5527e4 rgb(85,39,228)
```
#501eed
```
#501eed rgb(80,30,237)
```
#4b14f7
```
#4b14f7 rgb(75,20,247)
```

Tone Color Variation

Below, you can see how #5527e4 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

#4a4a4a Achromatopsia 0.005% of the population
#4c4369 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e47c3 Protanomaly 1% of men, 0.01% of women
#1e4bb4 Deuteranomaly 6% of men, 0.4% of women
#1e4f98 Tritanomaly 0.01% of the population

#5527e4 hex color

#5527e4 Color Information

#5527e4 Color Conversion

Color Schemes with #5527e4

Alternatives to #5527e4

#5527e4 Preview

Shades and Tints of #5527e4

Tones of #5527e4

Color Blindness Simulator