#5524ff hex color

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

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

● #5524ff color description : Vivid blue.

The hexadecimal color #5524ff has RGB values of R:85, G:36, B:255 and CMYK values of C:0.67, M:0.86, Y:0, K:0. Its decimal value is 5580031.

Hex triplet	5524ff	`#5524ff`
RGB Decimal	85, 36, 255	`rgb(85,36,255)`
RGB Percent	33.3, 14.1, 100	`rgb(33.3%,14.1%,100%)`
CMYK	67, 86, 0, 0
HSL	253.4°, 100, 57.1	`hsl(253.4,100%,57.1%)`
HSV (or HSB)	253.4°, 85.9, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.572, 73.73, -97.309
XYZ	22.424, 10.412, 95.43
xyY	0.175, 0.081, 10.412
CIE-LCH	38.572, 122.086, 307.151
CIE-LUV	38.572, -2.459, -133.767
Hunter-Lab	32.268, 67.576, -152.76
Binary	01010101, 00100100, 11111111

#5524ff
```
#5524ff rgb(85,36,255)
```
#ceff24
```
#ceff24 rgb(206,255,36)
```

Complementary Color

#2461ff
```
#2461ff rgb(36,97,255)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#c324ff
```
#c324ff rgb(195,36,255)
```

Analogous Color

#61ff24
```
#61ff24 rgb(97,255,36)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#ffc324
```
#ffc324 rgb(255,195,36)
```

Split Complementary Color

#24ff55
```
#24ff55 rgb(36,255,85)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#ff5524
```
#ff5524 rgb(255,85,36)
```

Triadic Color

#24ceff
```
#24ceff rgb(36,206,255)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#ff5524
```
#ff5524 rgb(255,85,36)
```
#ceff24
```
#ceff24 rgb(206,255,36)
```

Tetradic Color

#3000d7
```
#3000d7 rgb(48,0,215)
```
#3600f0
```
#3600f0 rgb(54,0,240)
```
#410bff
```
#410bff rgb(65,11,255)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#693eff
```
#693eff rgb(105,62,255)
```
#7d57ff
```
#7d57ff rgb(125,87,255)
```
#9071ff
```
#9071ff rgb(144,113,255)
```

Monochromatic Color

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

#242aff
```
#242aff rgb(36,42,255)
```
#3124ff
```
#3124ff rgb(49,36,255)
```
#4324ff
```
#4324ff rgb(67,36,255)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#6724ff
```
#6724ff rgb(103,36,255)
```
#7a24ff
```
#7a24ff rgb(122,36,255)
```
#8c24ff
```
#8c24ff rgb(140,36,255)
```

Similar Colors

Text with hexadecimal color #5524ff

This text has a font color of #5524ff.

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

#5524ff background color

This paragraph has a background color of #5524ff.

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

#5524ff border color

This element has a border color of #5524ff.

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

CSS codes

.text {color:#5524ff;}

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

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

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

#040010
```
#040010 rgb(4,0,16)
```
#080024
```
#080024 rgb(8,0,36)
```
#0c0038
```
#0c0038 rgb(12,0,56)
```
#11004b
```
#11004b rgb(17,0,75)
```
#15005f
```
#15005f rgb(21,0,95)
```
#1a0072
```
#1a0072 rgb(26,0,114)
```
#1e0086
```
#1e0086 rgb(30,0,134)
```
#22009a
```
#22009a rgb(34,0,154)
```
#2700ad
```
#2700ad rgb(39,0,173)
```
#2b00c1
```
#2b00c1 rgb(43,0,193)
```
#3000d5
```
#3000d5 rgb(48,0,213)
```
#3400e8
```
#3400e8 rgb(52,0,232)
```
#3800fc
```
#3800fc rgb(56,0,252)
```

Shade Color Variation

#4610ff
```
#4610ff rgb(70,16,255)
```
#5524ff
```
#5524ff rgb(85,36,255)
```
#6438ff
```
#6438ff rgb(100,56,255)
```
#734bff
```
#734bff rgb(115,75,255)
```
#835fff
```
#835fff rgb(131,95,255)
```
#9272ff
```
#9272ff rgb(146,114,255)
```
#a186ff
```
#a186ff rgb(161,134,255)
```
#b09aff
```
#b09aff rgb(176,154,255)
```
#c0adff
```
#c0adff rgb(192,173,255)
```
#cfc1ff
```
#cfc1ff rgb(207,193,255)
```
#ded5ff
```
#ded5ff rgb(222,213,255)
```
#ede8ff
```
#ede8ff rgb(237,232,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#8d899a
```
#8d899a rgb(141,137,154)
```
#8881a2
```
#8881a2 rgb(136,129,162)
```
#8478ab
```
#8478ab rgb(132,120,171)
```
#7f70b3
```
#7f70b3 rgb(127,112,179)
```
#7a67bc
```
#7a67bc rgb(122,103,188)
```
#765fc4
```
#765fc4 rgb(118,95,196)
```
#7157cc
```
#7157cc rgb(113,87,204)
```
#6c4ed5
```
#6c4ed5 rgb(108,78,213)
```
#6846dd
```
#6846dd rgb(104,70,221)
```
#633de6
```
#633de6 rgb(99,61,230)
```
#5e35ee
```
#5e35ee rgb(94,53,238)
```
#5a2cf7
```
#5a2cf7 rgb(90,44,247)
```
#5524ff
```
#5524ff rgb(85,36,255)
```

Tone Color Variation

Below, you can see how #5524ff 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
#4e4470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1e4ad3 Protanomaly 1% of men, 0.01% of women
#1e4ec3 Deuteranomaly 6% of men, 0.4% of women
#1e52a6 Tritanomaly 0.01% of the population

#5524ff hex color

#5524ff Color Information

#5524ff Color Conversion

Color Schemes with #5524ff

Alternatives to #5524ff

#5524ff Preview

Shades and Tints of #5524ff

Tones of #5524ff

Color Blindness Simulator