#5224fd hex color

In a RGB color space, hex #5224fd is composed of 32.2% red, 14.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 85.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 252.7 degrees, a saturation of 98.2% and a lightness of 56.7%. #5224fd color hex could be obtained by blending #a448ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 14
- B 99
RGB color chart
- C 68
- M 86
- Y 0
- K 1
CMYK color chart

● #5224fd color description : Vivid blue.

The hexadecimal color #5224fd has RGB values of R:82, G:36, B:253 and CMYK values of C:0.68, M:0.86, Y:0, K:0.01. Its decimal value is 5383421.

Hex triplet	5224fd	`#5224fd`
RGB Decimal	82, 36, 253	`rgb(82,36,253)`
RGB Percent	32.2, 14.1, 99.2	`rgb(32.2%,14.1%,99.2%)`
CMYK	68, 86, 0, 1
HSL	252.7°, 98.2, 56.7	`hsl(252.7,98.2%,56.7%)`
HSV (or HSB)	252.7°, 85.8, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.104, 73.027, -96.973
XYZ	21.837, 10.146, 93.731
xyY	0.174, 0.081, 10.146
CIE-LCH	38.104, 121.395, 306.982
CIE-LUV	38.104, -2.954, -132.624
Hunter-Lab	31.853, 66.625, -152.167
Binary	01010010, 00100100, 11111101

#5224fd
```
#5224fd rgb(82,36,253)
```
#cffd24
```
#cffd24 rgb(207,253,36)
```

Complementary Color

#2463fd
```
#2463fd rgb(36,99,253)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#bf24fd
```
#bf24fd rgb(191,36,253)
```

Analogous Color

#63fd24
```
#63fd24 rgb(99,253,36)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#fdbf24
```
#fdbf24 rgb(253,191,36)
```

Split Complementary Color

#24fd52
```
#24fd52 rgb(36,253,82)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#fd5224
```
#fd5224 rgb(253,82,36)
```

Triadic Color

#24cffd
```
#24cffd rgb(36,207,253)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#fd5224
```
#fd5224 rgb(253,82,36)
```
#cffd24
```
#cffd24 rgb(207,253,36)
```

Tetradic Color

#2e02d3
```
#2e02d3 rgb(46,2,211)
```
#3402ec
```
#3402ec rgb(52,2,236)
```
#3e0bfd
```
#3e0bfd rgb(62,11,253)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#663dfd
```
#663dfd rgb(102,61,253)
```
#7a57fd
```
#7a57fd rgb(122,87,253)
```
#8e70fe
```
#8e70fe rgb(142,112,254)
```

Monochromatic Color

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

#242cfd
```
#242cfd rgb(36,44,253)
```
#2e24fd
```
#2e24fd rgb(46,36,253)
```
#4024fd
```
#4024fd rgb(64,36,253)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#6424fd
```
#6424fd rgb(100,36,253)
```
#7624fd
```
#7624fd rgb(118,36,253)
```
#8824fd
```
#8824fd rgb(136,36,253)
```

Similar Colors

Text with hexadecimal color #5224fd

This text has a font color of #5224fd.

<span style="color:#5224fd;">Text here</span>

#5224fd background color

This paragraph has a background color of #5224fd.

<p style="background-color:#5224fd;">Content here</p>

#5224fd border color

This element has a border color of #5224fd.

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

CSS codes

.text {color:#5224fd;}

.background {background-color:#5224fd;}

.border {border:1px solid #5224fd;}

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)
```
#070022
```
#070022 rgb(7,0,34)
```
#0c0035
```
#0c0035 rgb(12,0,53)
```
#100149
```
#100149 rgb(16,1,73)
```
#14015c
```
#14015c rgb(20,1,92)
```
#18016f
```
#18016f rgb(24,1,111)
```
#1d0183
```
#1d0183 rgb(29,1,131)
```
#210196
```
#210196 rgb(33,1,150)
```
#2502aa
```
#2502aa rgb(37,2,170)
```
#2902bd
```
#2902bd rgb(41,2,189)
```
#2e02d1
```
#2e02d1 rgb(46,2,209)
```
#3202e4
```
#3202e4 rgb(50,2,228)
```
#3602f8
```
#3602f8 rgb(54,2,248)
```

Shade Color Variation

#4311fd
```
#4311fd rgb(67,17,253)
```
#5224fd
```
#5224fd rgb(82,36,253)
```
#6137fd
```
#6137fd rgb(97,55,253)
```
#714bfd
```
#714bfd rgb(113,75,253)
```
#805efe
```
#805efe rgb(128,94,254)
```
#8f72fe
```
#8f72fe rgb(143,114,254)
```
#9f85fe
```
#9f85fe rgb(159,133,254)
```
#ae99fe
```
#ae99fe rgb(174,153,254)
```
#bdacfe
```
#bdacfe rgb(189,172,254)
```
#cdc0fe
```
#cdc0fe rgb(205,192,254)
```
#dcd3ff
```
#dcd3ff rgb(220,211,255)
```
#ece6ff
```
#ece6ff rgb(236,230,255)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#8d8a97
```
#8d8a97 rgb(141,138,151)
```
#8882a0
```
#8882a0 rgb(136,130,160)
```
#8379a8
```
#8379a8 rgb(131,121,168)
```
#7e71b1
```
#7e71b1 rgb(126,113,177)
```
#7968b9
```
#7968b9 rgb(121,104,185)
```
#7460c2
```
#7460c2 rgb(116,96,194)
```
#6f57ca
```
#6f57ca rgb(111,87,202)
```
#6a4fd3
```
#6a4fd3 rgb(106,79,211)
```
#6646db
```
#6646db rgb(102,70,219)
```
#613ee4
```
#613ee4 rgb(97,62,228)
```
#5c35ec
```
#5c35ec rgb(92,53,236)
```
#572df5
```
#572df5 rgb(87,45,245)
```
#5224fd
```
#5224fd rgb(82,36,253)
```

Tone Color Variation

Below, you can see how #5224fd 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

#4a4a4a Achromatopsia 0.005% of the population
#4c426e Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1d49d1 Protanomaly 1% of men, 0.01% of women
#1d4dc2 Deuteranomaly 6% of men, 0.4% of women
#1d51a4 Tritanomaly 0.01% of the population

#5224fd hex color

#5224fd Color Information

#5224fd Color Conversion

Color Schemes with #5224fd

Alternatives to #5224fd

#5224fd Preview

Shades and Tints of #5224fd

Tones of #5224fd

Color Blindness Simulator