#5526f8 hex color

In a RGB color space, hex #5526f8 is composed of 33.3% red, 14.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 84.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 253.4 degrees, a saturation of 93.8% and a lightness of 56.1%. #5526f8 color hex could be obtained by blending #aa4cff with #0000f1. Closest websafe color is: #6633ff.

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

● #5526f8 color description : Bright blue.

The hexadecimal color #5526f8 has RGB values of R:85, G:38, B:248 and CMYK values of C:0.66, M:0.85, Y:0, K:0.03. Its decimal value is 5580536.

Hex triplet	5526f8	`#5526f8`
RGB Decimal	85, 38, 248	`rgb(85,38,248)`
RGB Percent	33.3, 14.9, 97.3	`rgb(33.3%,14.9%,97.3%)`
CMYK	66, 85, 0, 3
HSL	253.4°, 93.8, 56.1	`hsl(253.4,93.8%,56.1%)`
HSV (or HSB)	253.4°, 84.7, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.01, 71.278, -94.313
XYZ	21.38, 10.094, 89.623
xyY	0.177, 0.083, 10.094
CIE-LCH	38.01, 118.218, 307.08
CIE-LUV	38.01, -2.081, -129.782
Hunter-Lab	31.771, 64.518, -145.013
Binary	01010101, 00100110, 11111000

#5526f8
```
#5526f8 rgb(85,38,248)
```
#c9f826
```
#c9f826 rgb(201,248,38)
```

Complementary Color

#2660f8
```
#2660f8 rgb(38,96,248)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#be26f8
```
#be26f8 rgb(190,38,248)
```

Analogous Color

#60f826
```
#60f826 rgb(96,248,38)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#f8be26
```
#f8be26 rgb(248,190,38)
```

Split Complementary Color

#26f855
```
#26f855 rgb(38,248,85)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#f85526
```
#f85526 rgb(248,85,38)
```

Triadic Color

#26c9f8
```
#26c9f8 rgb(38,201,248)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#f85526
```
#f85526 rgb(248,85,38)
```
#c9f826
```
#c9f826 rgb(201,248,38)
```

Tetradic Color

#3307cb
```
#3307cb rgb(51,7,203)
```
#3907e4
```
#3907e4 rgb(57,7,228)
```
#420df7
```
#420df7 rgb(66,13,247)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#683ff9
```
#683ff9 rgb(104,63,249)
```
#7c57fa
```
#7c57fa rgb(124,87,250)
```
#8f70fa
```
#8f70fa rgb(143,112,250)
```

Monochromatic Color

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

#262bf8
```
#262bf8 rgb(38,43,248)
```
#3226f8
```
#3226f8 rgb(50,38,248)
```
#4426f8
```
#4426f8 rgb(68,38,248)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#6726f8
```
#6726f8 rgb(103,38,248)
```
#7826f8
```
#7826f8 rgb(120,38,248)
```
#8a26f8
```
#8a26f8 rgb(138,38,248)
```

Similar Colors

Text with hexadecimal color #5526f8

This text has a font color of #5526f8.

<span style="color:#5526f8;">Text here</span>

#5526f8 background color

This paragraph has a background color of #5526f8.

<p style="background-color:#5526f8;">Content here</p>

#5526f8 border color

This element has a border color of #5526f8.

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

CSS codes

.text {color:#5526f8;}

.background {background-color:#5526f8;}

.border {border:1px solid #5526f8;}

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

#03000b
```
#03000b rgb(3,0,11)
```
#07011e
```
#07011e rgb(7,1,30)
```
#0c0231
```
#0c0231 rgb(12,2,49)
```
#110244
```
#110244 rgb(17,2,68)
```
#160357
```
#160357 rgb(22,3,87)
```
#1a036a
```
#1a036a rgb(26,3,106)
```
#1f047d
```
#1f047d rgb(31,4,125)
```
#240590
```
#240590 rgb(36,5,144)
```
#2905a3
```
#2905a3 rgb(41,5,163)
```
#2d06b6
```
#2d06b6 rgb(45,6,182)
```
#3206c9
```
#3206c9 rgb(50,6,201)
```
#3707dc
```
#3707dc rgb(55,7,220)
```
#3b08ef
```
#3b08ef rgb(59,8,239)
```

Shade Color Variation

#4613f7
```
#4613f7 rgb(70,19,247)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```
#6439f9
```
#6439f9 rgb(100,57,249)
```
#734cf9
```
#734cf9 rgb(115,76,249)
```
#825ffa
```
#825ffa rgb(130,95,250)
```
#9172fa
```
#9172fa rgb(145,114,250)
```
#9f85fb
```
#9f85fb rgb(159,133,251)
```
#ae98fc
```
#ae98fc rgb(174,152,252)
```
#bdabfc
```
#bdabfc rgb(189,171,252)
```
#ccbefd
```
#ccbefd rgb(204,190,253)
```
#dbd1fe
```
#dbd1fe rgb(219,209,254)
```
#eae4fe
```
#eae4fe rgb(234,228,254)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#8e8d91
```
#8e8d91 rgb(142,141,145)
```
#898599
```
#898599 rgb(137,133,153)
```
#857ca2
```
#857ca2 rgb(133,124,162)
```
#8074aa
```
#8074aa rgb(128,116,170)
```
#7b6bb3
```
#7b6bb3 rgb(123,107,179)
```
#7662bc
```
#7662bc rgb(118,98,188)
```
#725ac4
```
#725ac4 rgb(114,90,196)
```
#6d51cd
```
#6d51cd rgb(109,81,205)
```
#6848d6
```
#6848d6 rgb(104,72,214)
```
#6340de
```
#6340de rgb(99,64,222)
```
#5f37e7
```
#5f37e7 rgb(95,55,231)
```
#5a2fef
```
#5a2fef rgb(90,47,239)
```
#5526f8
```
#5526f8 rgb(85,38,248)
```

Tone Color Variation

Below, you can see how #5526f8 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

#4c4c4c Achromatopsia 0.005% of the population
#4e446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

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

#5526f8 hex color

#5526f8 Color Information

#5526f8 Color Conversion

Color Schemes with #5526f8

Alternatives to #5526f8

#5526f8 Preview

Shades and Tints of #5526f8

Tones of #5526f8

Color Blindness Simulator