#5524ec hex color

In a RGB color space, hex #5524ec is composed of 33.3% red, 14.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 84.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 254.7 degrees, a saturation of 84% and a lightness of 53.3%. #5524ec color hex could be obtained by blending #aa48ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 14
- B 93
RGB color chart
- C 64
- M 85
- Y 0
- K 7
CMYK color chart

● #5524ec color description : Bright blue.

The hexadecimal color #5524ec has RGB values of R:85, G:36, B:236 and CMYK values of C:0.64, M:0.85, Y:0, K:0.07. Its decimal value is 5580012.

Hex triplet	5524ec	`#5524ec`
RGB Decimal	85, 36, 236	`rgb(85,36,236)`
RGB Percent	33.3, 14.1, 92.5	`rgb(33.3%,14.1%,92.5%)`
CMYK	64, 85, 0, 7
HSL	254.7°, 84, 53.3	`hsl(254.7,84%,53.3%)`
HSV (or HSB)	254.7°, 84.7, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.458, 68.857, -90.107
XYZ	19.515, 9.248, 80.109
xyY	0.179, 0.085, 9.248
CIE-LCH	36.458, 113.405, 307.386
CIE-LUV	36.458, -0.944, -122.992
Hunter-Lab	30.411, 61.323, -134.894
Binary	01010101, 00100100, 11101100

#5524ec
```
#5524ec rgb(85,36,236)
```
#bbec24
```
#bbec24 rgb(187,236,36)
```

Complementary Color

#2457ec
```
#2457ec rgb(36,87,236)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#b924ec
```
#b924ec rgb(185,36,236)
```

Analogous Color

#57ec24
```
#57ec24 rgb(87,236,36)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#ecb924
```
#ecb924 rgb(236,185,36)
```

Split Complementary Color

#24ec55
```
#24ec55 rgb(36,236,85)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#ec5524
```
#ec5524 rgb(236,85,36)
```

Triadic Color

#24bbec
```
#24bbec rgb(36,187,236)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#ec5524
```
#ec5524 rgb(236,85,36)
```
#bbec24
```
#bbec24 rgb(187,236,36)
```

Tetradic Color

#3810b4
```
#3810b4 rgb(56,16,180)
```
#3f12cb
```
#3f12cb rgb(63,18,203)
```
#4614e3
```
#4614e3 rgb(70,20,227)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#673bee
```
#673bee rgb(103,59,238)
```
#7953f0
```
#7953f0 rgb(121,83,240)
```
#8c6af2
```
#8c6af2 rgb(140,106,242)
```

Monochromatic Color

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

#2425ec
```
#2425ec rgb(36,37,236)
```
#3424ec
```
#3424ec rgb(52,36,236)
```
#4424ec
```
#4424ec rgb(68,36,236)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#6624ec
```
#6624ec rgb(102,36,236)
```
#7624ec
```
#7624ec rgb(118,36,236)
```
#8724ec
```
#8724ec rgb(135,36,236)
```

Similar Colors

Text with hexadecimal color #5524ec

This text has a font color of #5524ec.

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

#5524ec background color

This paragraph has a background color of #5524ec.

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

#5524ec border color

This element has a border color of #5524ec.

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

CSS codes

.text {color:#5524ec;}

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

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

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

#050110
```
#050110 rgb(5,1,16)
```
#0a0322
```
#0a0322 rgb(10,3,34)
```
#100434
```
#100434 rgb(16,4,52)
```
#160646
```
#160646 rgb(22,6,70)
```
#1b0858
```
#1b0858 rgb(27,8,88)
```
#21096a
```
#21096a rgb(33,9,106)
```
#260b7c
```
#260b7c rgb(38,11,124)
```
#2c0c8e
```
#2c0c8e rgb(44,12,142)
```
#320ea0
```
#320ea0 rgb(50,14,160)
```
#370fb2
```
#370fb2 rgb(55,15,178)
```
#3d11c4
```
#3d11c4 rgb(61,17,196)
```
#4313d6
```
#4313d6 rgb(67,19,214)
```
#4814e8
```
#4814e8 rgb(72,20,232)
```

Shade Color Variation

#5524ec
```
#5524ec rgb(85,36,236)
```
#6336ee
```
#6336ee rgb(99,54,238)
```
#7148ef
```
#7148ef rgb(113,72,239)
```
#7f5af1
```
#7f5af1 rgb(127,90,241)
```
#8d6cf2
```
#8d6cf2 rgb(141,108,242)
```
#9b7ef4
```
#9b7ef4 rgb(155,126,244)
```
#a990f5
```
#a990f5 rgb(169,144,245)
```
#b7a2f7
```
#b7a2f7 rgb(183,162,247)
```
#c5b4f9
```
#c5b4f9 rgb(197,180,249)
```
#d3c6fa
```
#d3c6fa rgb(211,198,250)
```
#e1d8fc
```
#e1d8fc rgb(225,216,252)
```
#efebfd
```
#efebfd rgb(239,235,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848090 is the less saturated color, while #4c12fe is the most saturated one.

#848090
```
#848090 rgb(132,128,144)
```
#7f769a
```
#7f769a rgb(127,118,154)
```
#7a6da3
```
#7a6da3 rgb(122,109,163)
```
#7664ac
```
#7664ac rgb(118,100,172)
```
#715bb5
```
#715bb5 rgb(113,91,181)
```
#6c52be
```
#6c52be rgb(108,82,190)
```
#6849c7
```
#6849c7 rgb(104,73,199)
```
#633fd1
```
#633fd1 rgb(99,63,209)
```
#5e36da
```
#5e36da rgb(94,54,218)
```
#5a2de3
```
#5a2de3 rgb(90,45,227)
```
#5524ec
```
#5524ec rgb(85,36,236)
```
#501bf5
```
#501bf5 rgb(80,27,245)
```
#4c12fe
```
#4c12fe rgb(76,18,254)
```

Tone Color Variation

Below, you can see how #5524ec 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

#494949 Achromatopsia 0.005% of the population
#4b426a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#1e47c7 Protanomaly 1% of men, 0.01% of women
#1e4ab8 Deuteranomaly 6% of men, 0.4% of women
#1e4f9b Tritanomaly 0.01% of the population

#5524ec hex color

#5524ec Color Information

#5524ec Color Conversion

Color Schemes with #5524ec

Alternatives to #5524ec

#5524ec Preview

Shades and Tints of #5524ec

Tones of #5524ec

Color Blindness Simulator