#5527f9 hex color

In a RGB color space, hex #5527f9 is composed of 33.3% red, 15.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 84.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 253.1 degrees, a saturation of 94.6% and a lightness of 56.5%. #5527f9 color hex could be obtained by blending #aa4eff with #0000f3. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 15
- B 98
RGB color chart
- C 66
- M 84
- Y 0
- K 2
CMYK color chart

● #5527f9 color description : Bright blue.

The hexadecimal color #5527f9 has RGB values of R:85, G:39, B:249 and CMYK values of C:0.66, M:0.84, Y:0, K:0.02. Its decimal value is 5580793.

Hex triplet	5527f9	`#5527f9`
RGB Decimal	85, 39, 249	`rgb(85,39,249)`
RGB Percent	33.3, 15.3, 97.6	`rgb(33.3%,15.3%,97.6%)`
CMYK	66, 84, 0, 2
HSL	253.1°, 94.6, 56.5	`hsl(253.1,94.6%,56.5%)`
HSV (or HSB)	253.1°, 84.3, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.236, 71.194, -94.501
XYZ	21.567, 10.221, 90.454
xyY	0.176, 0.084, 10.221
CIE-LCH	38.236, 118.318, 306.993
CIE-LUV	38.236, -2.244, -130.33
Hunter-Lab	31.97, 64.47, -145.371
Binary	01010101, 00100111, 11111001

#5527f9
```
#5527f9 rgb(85,39,249)
```
#cbf927
```
#cbf927 rgb(203,249,39)
```

Complementary Color

#2762f9
```
#2762f9 rgb(39,98,249)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#be27f9
```
#be27f9 rgb(190,39,249)
```

Analogous Color

#62f927
```
#62f927 rgb(98,249,39)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#f9be27
```
#f9be27 rgb(249,190,39)
```

Split Complementary Color

#27f955
```
#27f955 rgb(39,249,85)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#f95527
```
#f95527 rgb(249,85,39)
```

Triadic Color

#27cbf9
```
#27cbf9 rgb(39,203,249)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#f95527
```
#f95527 rgb(249,85,39)
```
#cbf927
```
#cbf927 rgb(203,249,39)
```

Tetradic Color

#3206ce
```
#3206ce rgb(50,6,206)
```
#3806e7
```
#3806e7 rgb(56,6,231)
```
#410ef8
```
#410ef8 rgb(65,14,248)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#6940fa
```
#6940fa rgb(105,64,250)
```
#7c59fa
```
#7c59fa rgb(124,89,250)
```
#9071fb
```
#9071fb rgb(144,113,251)
```

Monochromatic Color

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

#272ef9
```
#272ef9 rgb(39,46,249)
```
#3227f9
```
#3227f9 rgb(50,39,249)
```
#4327f9
```
#4327f9 rgb(67,39,249)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#6727f9
```
#6727f9 rgb(103,39,249)
```
#7827f9
```
#7827f9 rgb(120,39,249)
```
#8a27f9
```
#8a27f9 rgb(138,39,249)
```

Similar Colors

Text with hexadecimal color #5527f9

This text has a font color of #5527f9.

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

#5527f9 background color

This paragraph has a background color of #5527f9.

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

#5527f9 border color

This element has a border color of #5527f9.

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

CSS codes

.text {color:#5527f9;}

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

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

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, #03000d is the darkest color, while #faf9ff is the lightest one.

#03000d
```
#03000d rgb(3,0,13)
```
#080120
```
#080120 rgb(8,1,32)
```
#0c0133
```
#0c0133 rgb(12,1,51)
```
#110246
```
#110246 rgb(17,2,70)
```
#160259
```
#160259 rgb(22,2,89)
```
#1a036c
```
#1a036c rgb(26,3,108)
```
#1f0480
```
#1f0480 rgb(31,4,128)
```
#230493
```
#230493 rgb(35,4,147)
```
#2805a6
```
#2805a6 rgb(40,5,166)
```
#2c05b9
```
#2c05b9 rgb(44,5,185)
```
#3106cc
```
#3106cc rgb(49,6,204)
```
#3606df
```
#3606df rgb(54,6,223)
```
#3a07f2
```
#3a07f2 rgb(58,7,242)
```

Shade Color Variation

#4614f8
```
#4614f8 rgb(70,20,248)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```
#643afa
```
#643afa rgb(100,58,250)
```
#734dfa
```
#734dfa rgb(115,77,250)
```
#8260fb
```
#8260fb rgb(130,96,251)
```
#9173fb
```
#9173fb rgb(145,115,251)
```
#a086fc
```
#a086fc rgb(160,134,252)
```
#af9afc
```
#af9afc rgb(175,154,252)
```
#beadfd
```
#beadfd rgb(190,173,253)
```
#cdc0fd
```
#cdc0fd rgb(205,192,253)
```
#dcd3fe
```
#dcd3fe rgb(220,211,254)
```
#ebe6fe
```
#ebe6fe rgb(235,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#8f8d93
```
#8f8d93 rgb(143,141,147)
```
#8a859b
```
#8a859b rgb(138,133,155)
```
#857ca4
```
#857ca4 rgb(133,124,164)
```
#8074ac
```
#8074ac rgb(128,116,172)
```
#7b6bb5
```
#7b6bb5 rgb(123,107,181)
```
#7763bd
```
#7763bd rgb(119,99,189)
```
#725ac6
```
#725ac6 rgb(114,90,198)
```
#6d52ce
```
#6d52ce rgb(109,82,206)
```
#6849d7
```
#6849d7 rgb(104,73,215)
```
#6341df
```
#6341df rgb(99,65,223)
```
#5f38e8
```
#5f38e8 rgb(95,56,232)
```
#5a30f0
```
#5a30f0 rgb(90,48,240)
```
#5527f9
```
#5527f9 rgb(85,39,249)
```

Tone Color Variation

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

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1e4bd0 Protanomaly 1% of men, 0.01% of women
#1e4ec0 Deuteranomaly 6% of men, 0.4% of women
#1e53a3 Tritanomaly 0.01% of the population

#5527f9 hex color

#5527f9 Color Information

#5527f9 Color Conversion

Color Schemes with #5527f9

Alternatives to #5527f9

#5527f9 Preview

Shades and Tints of #5527f9

Tones of #5527f9

Color Blindness Simulator