#5521fd hex color

In a RGB color space, hex #5521fd is composed of 33.3% red, 12.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 87% magenta, 0% yellow and 0.8% black. It has a hue angle of 254.2 degrees, a saturation of 98.2% and a lightness of 56.1%. #5521fd color hex could be obtained by blending #aa42ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 13
- B 99
RGB color chart
- C 66
- M 87
- Y 0
- K 1
CMYK color chart

● #5521fd color description : Vivid blue.

The hexadecimal color #5521fd has RGB values of R:85, G:33, B:253 and CMYK values of C:0.66, M:0.87, Y:0, K:0.01. Its decimal value is 5579261.

Hex triplet	5521fd	`#5521fd`
RGB Decimal	85, 33, 253	`rgb(85,33,253)`
RGB Percent	33.3, 12.9, 99.2	`rgb(33.3%,12.9%,99.2%)`
CMYK	66, 87, 0, 1
HSL	254.2°, 98.2, 56.1	`hsl(254.2,98.2%,56.1%)`
HSV (or HSB)	254.2°, 87, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.039, 74.145, -97.074
XYZ	22.016, 10.11, 93.714
xyY	0.175, 0.08, 10.11
CIE-LCH	38.039, 122.151, 307.373
CIE-LUV	38.039, -2.08, -132.664
Hunter-Lab	31.796, 67.955, -152.492
Binary	01010101, 00100001, 11111101

#5521fd
```
#5521fd rgb(85,33,253)
```
#c9fd21
```
#c9fd21 rgb(201,253,33)
```

Complementary Color

#215bfd
```
#215bfd rgb(33,91,253)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#c321fd
```
#c321fd rgb(195,33,253)
```

Analogous Color

#5bfd21
```
#5bfd21 rgb(91,253,33)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#fdc321
```
#fdc321 rgb(253,195,33)
```

Split Complementary Color

#21fd55
```
#21fd55 rgb(33,253,85)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#fd5521
```
#fd5521 rgb(253,85,33)
```

Triadic Color

#21c9fd
```
#21c9fd rgb(33,201,253)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#fd5521
```
#fd5521 rgb(253,85,33)
```
#c9fd21
```
#c9fd21 rgb(201,253,33)
```

Tetradic Color

#3302d0
```
#3302d0 rgb(51,2,208)
```
#3902e9
```
#3902e9 rgb(57,2,233)
```
#4208fd
```
#4208fd rgb(66,8,253)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#683afd
```
#683afd rgb(104,58,253)
```
#7c54fd
```
#7c54fd rgb(124,84,253)
```
#8f6dfe
```
#8f6dfe rgb(143,109,254)
```

Monochromatic Color

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

#2124fd
```
#2124fd rgb(33,36,253)
```
#3021fd
```
#3021fd rgb(48,33,253)
```
#4321fd
```
#4321fd rgb(67,33,253)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#6721fd
```
#6721fd rgb(103,33,253)
```
#7a21fd
```
#7a21fd rgb(122,33,253)
```
#8c21fd
```
#8c21fd rgb(140,33,253)
```

Similar Colors

Text with hexadecimal color #5521fd

This text has a font color of #5521fd.

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

#5521fd background color

This paragraph has a background color of #5521fd.

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

#5521fd border color

This element has a border color of #5521fd.

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

CSS codes

.text {color:#5521fd;}

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

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

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)
```
#07001f
```
#07001f rgb(7,0,31)
```
#0c0032
```
#0c0032 rgb(12,0,50)
```
#110146
```
#110146 rgb(17,1,70)
```
#160159
```
#160159 rgb(22,1,89)
```
#1a016c
```
#1a016c rgb(26,1,108)
```
#1f0180
```
#1f0180 rgb(31,1,128)
```
#240193
```
#240193 rgb(36,1,147)
```
#2902a7
```
#2902a7 rgb(41,2,167)
```
#2d02ba
```
#2d02ba rgb(45,2,186)
```
#3202ce
```
#3202ce rgb(50,2,206)
```
#3702e1
```
#3702e1 rgb(55,2,225)
```
#3b02f5
```
#3b02f5 rgb(59,2,245)
```

Shade Color Variation

#460efd
```
#460efd rgb(70,14,253)
```
#5521fd
```
#5521fd rgb(85,33,253)
```
#6434fd
```
#6434fd rgb(100,52,253)
```
#7348fd
```
#7348fd rgb(115,72,253)
```
#825bfe
```
#825bfe rgb(130,91,254)
```
#916ffe
```
#916ffe rgb(145,111,254)
```
#9f82fe
```
#9f82fe rgb(159,130,254)
```
#ae96fe
```
#ae96fe rgb(174,150,254)
```
#bda9fe
```
#bda9fe rgb(189,169,254)
```
#ccbdfe
```
#ccbdfe rgb(204,189,254)
```
#dbd0ff
```
#dbd0ff rgb(219,208,255)
```
#eae3ff
```
#eae3ff rgb(234,227,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#8c8896
```
#8c8896 rgb(140,136,150)
```
#87809e
```
#87809e rgb(135,128,158)
```
#8277a7
```
#8277a7 rgb(130,119,167)
```
#7e6faf
```
#7e6faf rgb(126,111,175)
```
#7966b8
```
#7966b8 rgb(121,102,184)
```
#755dc1
```
#755dc1 rgb(117,93,193)
```
#7055c9
```
#7055c9 rgb(112,85,201)
```
#6c4cd2
```
#6c4cd2 rgb(108,76,210)
```
#6743db
```
#6743db rgb(103,67,219)
```
#633be3
```
#633be3 rgb(99,59,227)
```
#5e32ec
```
#5e32ec rgb(94,50,236)
```
#5a2af4
```
#5a2af4 rgb(90,42,244)
```
#5521fd
```
#5521fd rgb(85,33,253)
```

Tone Color Variation

Below, you can see how #5521fd 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
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1e48d1 Protanomaly 1% of men, 0.01% of women
#1e4cc1 Deuteranomaly 6% of men, 0.4% of women
#1e50a4 Tritanomaly 0.01% of the population

#5521fd hex color

#5521fd Color Information

#5521fd Color Conversion

Color Schemes with #5521fd

Alternatives to #5521fd

#5521fd Preview

Shades and Tints of #5521fd

Tones of #5521fd

Color Blindness Simulator