#5527e2 hex color

In a RGB color space, hex #5527e2 is composed of 33.3% red, 15.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 82.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 254.8 degrees, a saturation of 76.3% and a lightness of 52%. #5527e2 color hex could be obtained by blending #aa4eff with #0000c5. Closest websafe color is: #6633cc.

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

● #5527e2 color description : Bright blue.

The hexadecimal color #5527e2 has RGB values of R:85, G:39, B:226 and CMYK values of C:0.62, M:0.83, Y:0, K:0.11. Its decimal value is 5580770.

Hex triplet	5527e2	`#5527e2`
RGB Decimal	85, 39, 226	`rgb(85,39,226)`
RGB Percent	33.3, 15.3, 88.6	`rgb(33.3%,15.3%,88.6%)`
CMYK	62, 83, 0, 11
HSL	254.8°, 76.3, 52	`hsl(254.8,76.3%,52%)`
HSV (or HSB)	254.8°, 82.7, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.738, 65.166, -85.603
XYZ	18.197, 8.873, 72.701
xyY	0.182, 0.089, 8.873
CIE-LCH	35.738, 107.585, 307.28
CIE-LUV	35.738, -0.369, -117.151
Hunter-Lab	29.787, 56.918, -123.858
Binary	01010101, 00100111, 11100010

#5527e2
```
#5527e2 rgb(85,39,226)
```
#b4e227
```
#b4e227 rgb(180,226,39)
```

Complementary Color

#2757e2
```
#2757e2 rgb(39,87,226)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#b327e2
```
#b327e2 rgb(179,39,226)
```

Analogous Color

#57e227
```
#57e227 rgb(87,226,39)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#e2b327
```
#e2b327 rgb(226,179,39)
```

Split Complementary Color

#27e255
```
#27e255 rgb(39,226,85)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#e25527
```
#e25527 rgb(226,85,39)
```

Triadic Color

#27b4e2
```
#27b4e2 rgb(39,180,226)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#e25527
```
#e25527 rgb(226,85,39)
```
#b4e227
```
#b4e227 rgb(180,226,39)
```

Tetradic Color

#3a16a6
```
#3a16a6 rgb(58,22,166)
```
#4219bd
```
#4219bd rgb(66,25,189)
```
#491cd3
```
#491cd3 rgb(73,28,211)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#673de5
```
#673de5 rgb(103,61,229)
```
#7854e8
```
#7854e8 rgb(120,84,232)
```
#8a6aeb
```
#8a6aeb rgb(138,106,235)
```

Monochromatic Color

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

#2728e2
```
#2728e2 rgb(39,40,226)
```
#3627e2
```
#3627e2 rgb(54,39,226)
```
#4527e2
```
#4527e2 rgb(69,39,226)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#6527e2
```
#6527e2 rgb(101,39,226)
```
#7427e2
```
#7427e2 rgb(116,39,226)
```
#8427e2
```
#8427e2 rgb(132,39,226)
```

Similar Colors

Text with hexadecimal color #5527e2

This text has a font color of #5527e2.

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

#5527e2 background color

This paragraph has a background color of #5527e2.

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

#5527e2 border color

This element has a border color of #5527e2.

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

CSS codes

.text {color:#5527e2;}

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

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

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

#030109
```
#030109 rgb(3,1,9)
```
#09041a
```
#09041a rgb(9,4,26)
```
#0f062b
```
#0f062b rgb(15,6,43)
```
#15083d
```
#15083d rgb(21,8,61)
```
#1b0a4e
```
#1b0a4e rgb(27,10,78)
```
#210d5f
```
#210d5f rgb(33,13,95)
```
#270f71
```
#270f71 rgb(39,15,113)
```
#2d1182
```
#2d1182 rgb(45,17,130)
```
#331493
```
#331493 rgb(51,20,147)
```
#3916a4
```
#3916a4 rgb(57,22,164)
```
#3f18b6
```
#3f18b6 rgb(63,24,182)
```
#451bc7
```
#451bc7 rgb(69,27,199)
```
#4b1dd8
```
#4b1dd8 rgb(75,29,216)
```

Shade Color Variation

#5527e2
```
#5527e2 rgb(85,39,226)
```
#6338e4
```
#6338e4 rgb(99,56,228)
```
#704ae7
```
#704ae7 rgb(112,74,231)
```
#7e5be9
```
#7e5be9 rgb(126,91,233)
```
#8b6ceb
```
#8b6ceb rgb(139,108,235)
```
#997dee
```
#997dee rgb(153,125,238)
```
#a78ff0
```
#a78ff0 rgb(167,143,240)
```
#b4a0f2
```
#b4a0f2 rgb(180,160,242)
```
#c2b1f5
```
#c2b1f5 rgb(194,177,245)
```
#cfc3f7
```
#cfc3f7 rgb(207,195,247)
```
#ddd4f9
```
#ddd4f9 rgb(221,212,249)
```
#ebe5fc
```
#ebe5fc rgb(235,229,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#807c8d
```
#807c8d rgb(128,124,141)
```
#7b7297
```
#7b7297 rgb(123,114,151)
```
#7769a0
```
#7769a0 rgb(119,105,160)
```
#7260a9
```
#7260a9 rgb(114,96,169)
```
#6d56b3
```
#6d56b3 rgb(109,86,179)
```
#684dbc
```
#684dbc rgb(104,77,188)
```
#6343c6
```
#6343c6 rgb(99,67,198)
```
#5f3acf
```
#5f3acf rgb(95,58,207)
```
#5a30d9
```
#5a30d9 rgb(90,48,217)
```
#5527e2
```
#5527e2 rgb(85,39,226)
```
#501eeb
```
#501eeb rgb(80,30,235)
```
#4b14f5
```
#4b14f5 rgb(75,20,245)
```
#470bfe
```
#470bfe rgb(71,11,254)
```

Tone Color Variation

Below, you can see how #5527e2 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
#4c4368 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1e47c1 Protanomaly 1% of men, 0.01% of women
#1e4bb2 Deuteranomaly 6% of men, 0.4% of women
#1e4f97 Tritanomaly 0.01% of the population

#5527e2 hex color

#5527e2 Color Information

#5527e2 Color Conversion

Color Schemes with #5527e2

Alternatives to #5527e2

#5527e2 Preview

Shades and Tints of #5527e2

Tones of #5527e2

Color Blindness Simulator