#5528f9 hex color

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

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

● #5528f9 color description : Bright blue.

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

Hex triplet	5528f9	`#5528f9`
RGB Decimal	85, 40, 249	`rgb(85,40,249)`
RGB Percent	33.3, 15.7, 97.6	`rgb(33.3%,15.7%,97.6%)`
CMYK	66, 84, 0, 2
HSL	252.9°, 94.6, 56.7	`hsl(252.9,94.6%,56.7%)`
HSV (or HSB)	252.9°, 83.9, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.354, 70.844, -94.307
XYZ	21.601, 10.287, 90.465
xyY	0.177, 0.084, 10.287
CIE-LCH	38.354, 117.952, 306.914
CIE-LUV	38.354, -2.332, -130.307
Hunter-Lab	32.074, 64.084, -144.775
Binary	01010101, 00101000, 11111001

#5528f9
```
#5528f9 rgb(85,40,249)
```
#ccf928
```
#ccf928 rgb(204,249,40)
```

Complementary Color

#2864f9
```
#2864f9 rgb(40,100,249)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#be28f9
```
#be28f9 rgb(190,40,249)
```

Analogous Color

#64f928
```
#64f928 rgb(100,249,40)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#f9be28
```
#f9be28 rgb(249,190,40)
```

Split Complementary Color

#28f955
```
#28f955 rgb(40,249,85)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#f95528
```
#f95528 rgb(249,85,40)
```

Triadic Color

#28ccf9
```
#28ccf9 rgb(40,204,249)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#f95528
```
#f95528 rgb(249,85,40)
```
#ccf928
```
#ccf928 rgb(204,249,40)
```

Tetradic Color

#3106cf
```
#3106cf rgb(49,6,207)
```
#3706e8
```
#3706e8 rgb(55,6,232)
```
#410ff8
```
#410ff8 rgb(65,15,248)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#6941fa
```
#6941fa rgb(105,65,250)
```
#7c5afa
```
#7c5afa rgb(124,90,250)
```
#9072fb
```
#9072fb rgb(144,114,251)
```

Monochromatic Color

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

#282ff9
```
#282ff9 rgb(40,47,249)
```
#3228f9
```
#3228f9 rgb(50,40,249)
```
#4428f9
```
#4428f9 rgb(68,40,249)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#6628f9
```
#6628f9 rgb(102,40,249)
```
#7828f9
```
#7828f9 rgb(120,40,249)
```
#8928f9
```
#8928f9 rgb(137,40,249)
```

Similar Colors

Text with hexadecimal color #5528f9

This text has a font color of #5528f9.

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

#5528f9 background color

This paragraph has a background color of #5528f9.

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

#5528f9 border color

This element has a border color of #5528f9.

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

CSS codes

.text {color:#5528f9;}

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

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

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

#03000e
```
#03000e rgb(3,0,14)
```
#080121
```
#080121 rgb(8,1,33)
```
#0c0134
```
#0c0134 rgb(12,1,52)
```
#110247
```
#110247 rgb(17,2,71)
```
#15035a
```
#15035a rgb(21,3,90)
```
#1a036d
```
#1a036d rgb(26,3,109)
```
#1e0480
```
#1e0480 rgb(30,4,128)
```
#230494
```
#230494 rgb(35,4,148)
```
#2805a7
```
#2805a7 rgb(40,5,167)
```
#2c05ba
```
#2c05ba rgb(44,5,186)
```
#3106cd
```
#3106cd rgb(49,6,205)
```
#3506e0
```
#3506e0 rgb(53,6,224)
```
#3a07f3
```
#3a07f3 rgb(58,7,243)
```

Shade Color Variation

#4615f8
```
#4615f8 rgb(70,21,248)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```
#643bfa
```
#643bfa rgb(100,59,250)
```
#734efa
```
#734efa rgb(115,78,250)
```
#8261fb
```
#8261fb rgb(130,97,251)
```
#9174fb
```
#9174fb rgb(145,116,251)
```
#a087fc
```
#a087fc rgb(160,135,252)
```
#b09afc
```
#b09afc rgb(176,154,252)
```
#bfaefd
```
#bfaefd rgb(191,174,253)
```
#cec1fd
```
#cec1fd rgb(206,193,253)
```
#ddd4fe
```
#ddd4fe rgb(221,212,254)
```
#ece7fe
```
#ece7fe rgb(236,231,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#8f8e93
```
#8f8e93 rgb(143,142,147)
```
#8a869c
```
#8a869c rgb(138,134,156)
```
#857da4
```
#857da4 rgb(133,125,164)
```
#8175ad
```
#8175ad rgb(129,117,173)
```
#7c6cb5
```
#7c6cb5 rgb(124,108,181)
```
#7764be
```
#7764be rgb(119,100,190)
```
#725bc6
```
#725bc6 rgb(114,91,198)
```
#6d53cf
```
#6d53cf rgb(109,83,207)
```
#684ad7
```
#684ad7 rgb(104,74,215)
```
#6442e0
```
#6442e0 rgb(100,66,224)
```
#5f39e8
```
#5f39e8 rgb(95,57,232)
```
#5a31f1
```
#5a31f1 rgb(90,49,241)
```
#5528f9
```
#5528f9 rgb(85,40,249)
```

Tone Color Variation

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

Dichromacy

#0060ba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

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

#5528f9 hex color

#5528f9 Color Information

#5528f9 Color Conversion

Color Schemes with #5528f9

Alternatives to #5528f9

#5528f9 Preview

Shades and Tints of #5528f9

Tones of #5528f9

Color Blindness Simulator