#5527bb hex color

In a RGB color space, hex #5527bb is composed of 33.3% red, 15.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 79.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 258.6 degrees, a saturation of 65.5% and a lightness of 44.3%. #5527bb color hex could be obtained by blending #aa4eff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 15
- B 73
RGB color chart
- C 55
- M 79
- Y 0
- K 27
CMYK color chart

● #5527bb color description : Strong violet.

The hexadecimal color #5527bb has RGB values of R:85, G:39, B:187 and CMYK values of C:0.55, M:0.79, Y:0, K:0.27. Its decimal value is 5580731.

Hex triplet	5527bb	`#5527bb`
RGB Decimal	85, 39, 187	`rgb(85,39,187)`
RGB Percent	33.3, 15.3, 73.3	`rgb(33.3%,15.3%,73.3%)`
CMYK	55, 79, 0, 27
HSL	258.6°, 65.5, 44.3	`hsl(258.6,65.5%,44.3%)`
HSV (or HSB)	258.6°, 79.1, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	31.738, 54.72, -69.535
XYZ	13.44, 6.97, 47.648
xyY	0.197, 0.102, 6.97
CIE-LCH	31.738, 88.484, 308.201
CIE-LUV	31.738, 3.378, -94.045
Hunter-Lab	26.401, 44.669, -88.527
Binary	01010101, 00100111, 10111011

#5527bb
```
#5527bb rgb(85,39,187)
```
#8dbb27
```
#8dbb27 rgb(141,187,39)
```

Complementary Color

#2743bb
```
#2743bb rgb(39,67,187)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#9f27bb
```
#9f27bb rgb(159,39,187)
```

Analogous Color

#43bb27
```
#43bb27 rgb(67,187,39)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#bb9f27
```
#bb9f27 rgb(187,159,39)
```

Split Complementary Color

#27bb55
```
#27bb55 rgb(39,187,85)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#bb5527
```
#bb5527 rgb(187,85,39)
```

Triadic Color

#278dbb
```
#278dbb rgb(39,141,187)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#bb5527
```
#bb5527 rgb(187,85,39)
```
#8dbb27
```
#8dbb27 rgb(141,187,39)
```

Tetradic Color

#381a7c
```
#381a7c rgb(56,26,124)
```
#421e91
```
#421e91 rgb(66,30,145)
```
#4b23a6
```
#4b23a6 rgb(75,35,166)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#5f2bd0
```
#5f2bd0 rgb(95,43,208)
```
#6e3ed7
```
#6e3ed7 rgb(110,62,215)
```
#7e53db
```
#7e53db rgb(126,83,219)
```

Monochromatic Color

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

#3027bb
```
#3027bb rgb(48,39,187)
```
#3c27bb
```
#3c27bb rgb(60,39,187)
```
#4927bb
```
#4927bb rgb(73,39,187)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#6127bb
```
#6127bb rgb(97,39,187)
```
#6e27bb
```
#6e27bb rgb(110,39,187)
```
#7a27bb
```
#7a27bb rgb(122,39,187)
```

Similar Colors

Text with hexadecimal color #5527bb

This text has a font color of #5527bb.

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

#5527bb background color

This paragraph has a background color of #5527bb.

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

#5527bb border color

This element has a border color of #5527bb.

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

CSS codes

.text {color:#5527bb;}

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

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0b0519
```
#0b0519 rgb(11,5,25)
```
#130929
```
#130929 rgb(19,9,41)
```
#1a0c39
```
#1a0c39 rgb(26,12,57)
```
#210f49
```
#210f49 rgb(33,15,73)
```
#29135a
```
#29135a rgb(41,19,90)
```
#30166a
```
#30166a rgb(48,22,106)
```
#37197a
```
#37197a rgb(55,25,122)
```
#3f1d8a
```
#3f1d8a rgb(63,29,138)
```
#46209b
```
#46209b rgb(70,32,155)
```
#4e24ab
```
#4e24ab rgb(78,36,171)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#5c2acb
```
#5c2acb rgb(92,42,203)
```

Shade Color Variation

#6634d5
```
#6634d5 rgb(102,52,213)
```
#7345d8
```
#7345d8 rgb(115,69,216)
```
#7f55dc
```
#7f55dc rgb(127,85,220)
```
#8b65df
```
#8b65df rgb(139,101,223)
```
#9775e2
```
#9775e2 rgb(151,117,226)
```
#a386e6
```
#a386e6 rgb(163,134,230)
```
#b096e9
```
#b096e9 rgb(176,150,233)
```
#bca6ec
```
#bca6ec rgb(188,166,236)
```
#c8b6f0
```
#c8b6f0 rgb(200,182,240)
```
#d4c7f3
```
#d4c7f3 rgb(212,199,243)
```
#e1d7f7
```
#e1d7f7 rgb(225,215,247)
```
#ede7fa
```
#ede7fa rgb(237,231,250)
```
#f9f7fd
```
#f9f7fd rgb(249,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6d75 is the less saturated color, while #4804de is the most saturated one.

#6f6d75
```
#6f6d75 rgb(111,109,117)
```
#6c647e
```
#6c647e rgb(108,100,126)
```
#695b87
```
#695b87 rgb(105,91,135)
```
#655290
```
#655290 rgb(101,82,144)
```
#624a98
```
#624a98 rgb(98,74,152)
```
#5f41a1
```
#5f41a1 rgb(95,65,161)
```
#5c38aa
```
#5c38aa rgb(92,56,170)
```
#5830b2
```
#5830b2 rgb(88,48,178)
```
#5527bb
```
#5527bb rgb(85,39,187)
```
#521ec4
```
#521ec4 rgb(82,30,196)
```
#4e16cc
```
#4e16cc rgb(78,22,204)
```
#4b0dd5
```
#4b0dd5 rgb(75,13,213)
```
#4804de
```
#4804de rgb(72,4,222)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#49405d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00568a Deuteranopia 1% of men
#325960 Tritanopia 0.001% of the population

Trichromacy

#1e42a9 Protanomaly 1% of men, 0.01% of women
#1e459c Deuteranomaly 6% of men, 0.4% of women
#3f4781 Tritanomaly 0.01% of the population

#5527bb hex color

#5527bb Color Information

#5527bb Color Conversion

Color Schemes with #5527bb

Alternatives to #5527bb

#5527bb Preview

Shades and Tints of #5527bb

Tones of #5527bb

Color Blindness Simulator