#5527ff hex color

In a RGB color space, hex #5527ff is composed of 33.3% red, 15.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 84.7% magenta, 0% yellow and 0% black. It has a hue angle of 252.8 degrees, a saturation of 100% and a lightness of 57.6%. #5527ff color hex could be obtained by blending #aa4eff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 15
- B 100
RGB color chart
- C 67
- M 85
- Y 0
- K 0
CMYK color chart

● #5527ff color description : Vivid blue.

The hexadecimal color #5527ff has RGB values of R:85, G:39, B:255 and CMYK values of C:0.67, M:0.85, Y:0, K:0. Its decimal value is 5580799.

Hex triplet	5527ff	`#5527ff`
RGB Decimal	85, 39, 255	`rgb(85,39,255)`
RGB Percent	33.3, 15.3, 100	`rgb(33.3%,15.3%,100%)`
CMYK	67, 85, 0, 0
HSL	252.8°, 100, 57.6	`hsl(252.8,100%,57.6%)`
HSV (or HSB)	252.8°, 84.7, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.901, 72.747, -96.763
XYZ	22.518, 10.601, 95.462
xyY	0.175, 0.082, 10.601
CIE-LCH	38.901, 121.059, 306.936
CIE-LUV	38.901, -2.702, -133.725
Hunter-Lab	32.56, 66.472, -151.041
Binary	01010101, 00100111, 11111111

#5527ff
```
#5527ff rgb(85,39,255)
```
#d1ff27
```
#d1ff27 rgb(209,255,39)
```

Complementary Color

#2765ff
```
#2765ff rgb(39,101,255)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#c127ff
```
#c127ff rgb(193,39,255)
```

Analogous Color

#65ff27
```
#65ff27 rgb(101,255,39)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#ffc127
```
#ffc127 rgb(255,193,39)
```

Split Complementary Color

#27ff55
```
#27ff55 rgb(39,255,85)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#ff5527
```
#ff5527 rgb(255,85,39)
```

Triadic Color

#27d1ff
```
#27d1ff rgb(39,209,255)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#ff5527
```
#ff5527 rgb(255,85,39)
```
#d1ff27
```
#d1ff27 rgb(209,255,39)
```

Tetradic Color

#2e00da
```
#2e00da rgb(46,0,218)
```
#3400f3
```
#3400f3 rgb(52,0,243)
```
#410eff
```
#410eff rgb(65,14,255)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#6941ff
```
#6941ff rgb(105,65,255)
```
#7d5aff
```
#7d5aff rgb(125,90,255)
```
#9174ff
```
#9174ff rgb(145,116,255)
```

Monochromatic Color

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

#272fff
```
#272fff rgb(39,47,255)
```
#3127ff
```
#3127ff rgb(49,39,255)
```
#4327ff
```
#4327ff rgb(67,39,255)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#6727ff
```
#6727ff rgb(103,39,255)
```
#7927ff
```
#7927ff rgb(121,39,255)
```
#8b27ff
```
#8b27ff rgb(139,39,255)
```

Similar Colors

Text with hexadecimal color #5527ff

This text has a font color of #5527ff.

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

#5527ff background color

This paragraph has a background color of #5527ff.

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

#5527ff border color

This element has a border color of #5527ff.

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

CSS codes

.text {color:#5527ff;}

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

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

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

#040013
```
#040013 rgb(4,0,19)
```
#080027
```
#080027 rgb(8,0,39)
```
#0c003b
```
#0c003b rgb(12,0,59)
```
#11004e
```
#11004e rgb(17,0,78)
```
#150062
```
#150062 rgb(21,0,98)
```
#190075
```
#190075 rgb(25,0,117)
```
#1d0089
```
#1d0089 rgb(29,0,137)
```
#21009d
```
#21009d rgb(33,0,157)
```
#2600b0
```
#2600b0 rgb(38,0,176)
```
#2a00c4
```
#2a00c4 rgb(42,0,196)
```
#2e00d8
```
#2e00d8 rgb(46,0,216)
```
#3200eb
```
#3200eb rgb(50,0,235)
```
#3600ff
```
#3600ff rgb(54,0,255)
```

Shade Color Variation

#4613ff
```
#4613ff rgb(70,19,255)
```
#5527ff
```
#5527ff rgb(85,39,255)
```
#643bff
```
#643bff rgb(100,59,255)
```
#744eff
```
#744eff rgb(116,78,255)
```
#8362ff
```
#8362ff rgb(131,98,255)
```
#9375ff
```
#9375ff rgb(147,117,255)
```
#a289ff
```
#a289ff rgb(162,137,255)
```
#b29dff
```
#b29dff rgb(178,157,255)
```
#c1b0ff
```
#c1b0ff rgb(193,176,255)
```
#d1c4ff
```
#d1c4ff rgb(209,196,255)
```
#e0d8ff
```
#e0d8ff rgb(224,216,255)
```
#efebff
```
#efebff rgb(239,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8b9b is the less saturated color, while #5527ff is the most saturated one.

#8e8b9b
```
#8e8b9b rgb(142,139,155)
```
#8982a4
```
#8982a4 rgb(137,130,164)
```
#857aac
```
#857aac rgb(133,122,172)
```
#8072b4
```
#8072b4 rgb(128,114,180)
```
#7b69bd
```
#7b69bd rgb(123,105,189)
```
#7661c5
```
#7661c5 rgb(118,97,197)
```
#7259cd
```
#7259cd rgb(114,89,205)
```
#6d51d5
```
#6d51d5 rgb(109,81,213)
```
#6848de
```
#6848de rgb(104,72,222)
```
#6340e6
```
#6340e6 rgb(99,64,230)
```
#5f38ee
```
#5f38ee rgb(95,56,238)
```
#5a2ff7
```
#5a2ff7 rgb(90,47,247)
```
#5527ff
```
#5527ff rgb(85,39,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f4571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1e4cd4 Protanomaly 1% of men, 0.01% of women
#1e4fc4 Deuteranomaly 6% of men, 0.4% of women
#1e54a6 Tritanomaly 0.01% of the population

#5527ff hex color

#5527ff Color Information

#5527ff Color Conversion

Color Schemes with #5527ff

Alternatives to #5527ff

#5527ff Preview

Shades and Tints of #5527ff

Tones of #5527ff

Color Blindness Simulator