#5532fd hex color

In a RGB color space, hex #5532fd is composed of 33.3% red, 19.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 80.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 250.3 degrees, a saturation of 98.1% and a lightness of 59.4%. #5532fd color hex could be obtained by blending #aa64ff with #0000fb. Closest websafe color is: #6633ff.

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

● #5532fd color description : Bright blue.

The hexadecimal color #5532fd has RGB values of R:85, G:50, B:253 and CMYK values of C:0.66, M:0.8, Y:0, K:0.01. Its decimal value is 5583613.

Hex triplet	5532fd	`#5532fd`
RGB Decimal	85, 50, 253	`rgb(85,50,253)`
RGB Percent	33.3, 19.6, 99.2	`rgb(33.3%,19.6%,99.2%)`
CMYK	66, 80, 0, 1
HSL	250.3°, 98.1, 59.4	`hsl(250.3,98.1%,59.4%)`
HSV (or HSB)	250.3°, 80.2, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.087, 68.068, -93.678
XYZ	22.613, 11.303, 93.913
xyY	0.177, 0.088, 11.303
CIE-LCH	40.087, 115.796, 306.003
CIE-LUV	40.087, -3.633, -132.196
Hunter-Lab	33.62, 61.224, -142.083
Binary	01010101, 00110010, 11111101

#5532fd
```
#5532fd rgb(85,50,253)
```
#dafd32
```
#dafd32 rgb(218,253,50)
```

Complementary Color

#3275fd
```
#3275fd rgb(50,117,253)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#bb32fd
```
#bb32fd rgb(187,50,253)
```

Analogous Color

#75fd32
```
#75fd32 rgb(117,253,50)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#fdbb32
```
#fdbb32 rgb(253,187,50)
```

Split Complementary Color

#32fd55
```
#32fd55 rgb(50,253,85)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#fd5532
```
#fd5532 rgb(253,85,50)
```

Triadic Color

#32dafd
```
#32dafd rgb(50,218,253)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#fd5532
```
#fd5532 rgb(253,85,50)
```
#dafd32
```
#dafd32 rgb(218,253,50)
```

Tetradic Color

#2802e0
```
#2802e0 rgb(40,2,224)
```
#2d02fa
```
#2d02fa rgb(45,2,250)
```
#4019fd
```
#4019fd rgb(64,25,253)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#6a4bfd
```
#6a4bfd rgb(106,75,253)
```
#7f65fd
```
#7f65fd rgb(127,101,253)
```
#947efe
```
#947efe rgb(148,126,254)
```

Monochromatic Color

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

#3242fd
```
#3242fd rgb(50,66,253)
```
#3332fd
```
#3332fd rgb(51,50,253)
```
#4432fd
```
#4432fd rgb(68,50,253)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#6632fd
```
#6632fd rgb(102,50,253)
```
#7732fd
```
#7732fd rgb(119,50,253)
```
#8832fd
```
#8832fd rgb(136,50,253)
```

Similar Colors

Text with hexadecimal color #5532fd

This text has a font color of #5532fd.

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

#5532fd background color

This paragraph has a background color of #5532fd.

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

#5532fd border color

This element has a border color of #5532fd.

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

CSS codes

.text {color:#5532fd;}

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

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

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

#020009
```
#020009 rgb(2,0,9)
```
#05001c
```
#05001c rgb(5,0,28)
```
#090030
```
#090030 rgb(9,0,48)
```
#0c0143
```
#0c0143 rgb(12,1,67)
```
#100156
```
#100156 rgb(16,1,86)
```
#13016a
```
#13016a rgb(19,1,106)
```
#17017d
```
#17017d rgb(23,1,125)
```
#1a0191
```
#1a0191 rgb(26,1,145)
```
#1e02a4
```
#1e02a4 rgb(30,2,164)
```
#2102b8
```
#2102b8 rgb(33,2,184)
```
#2502cb
```
#2502cb rgb(37,2,203)
```
#2802de
```
#2802de rgb(40,2,222)
```
#2c02f2
```
#2c02f2 rgb(44,2,242)
```

Shade Color Variation

#350bfd
```
#350bfd rgb(53,11,253)
```
#451ffd
```
#451ffd rgb(69,31,253)
```
#5532fd
```
#5532fd rgb(85,50,253)
```
#6545fd
```
#6545fd rgb(101,69,253)
```
#7559fd
```
#7559fd rgb(117,89,253)
```
#856cfe
```
#856cfe rgb(133,108,254)
```
#9580fe
```
#9580fe rgb(149,128,254)
```
#a693fe
```
#a693fe rgb(166,147,254)
```
#b6a7fe
```
#b6a7fe rgb(182,167,254)
```
#c6bafe
```
#c6bafe rgb(198,186,254)
```
#d6cdff
```
#d6cdff rgb(214,205,255)
```
#e6e1ff
```
#e6e1ff rgb(230,225,255)
```
#f6f4ff
```
#f6f4ff rgb(246,244,255)
```

Tint Color Variation

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

#94929d
```
#94929d rgb(148,146,157)
```
#8e8aa5
```
#8e8aa5 rgb(142,138,165)
```
#8982ad
```
#8982ad rgb(137,130,173)
```
#847ab5
```
#847ab5 rgb(132,122,181)
```
#7f72bd
```
#7f72bd rgb(127,114,189)
```
#7a6ac5
```
#7a6ac5 rgb(122,106,197)
```
#7462cd
```
#7462cd rgb(116,98,205)
```
#6f5ad5
```
#6f5ad5 rgb(111,90,213)
```
#6a52dd
```
#6a52dd rgb(106,82,221)
```
#654ae5
```
#654ae5 rgb(101,74,229)
```
#5f42ed
```
#5f42ed rgb(95,66,237)
```
#5a3af5
```
#5a3af5 rgb(90,58,245)
```
#5532fd
```
#5532fd rgb(85,50,253)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#544d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#1e51d7 Protanomaly 1% of men, 0.01% of women
#1e55c6 Deuteranomaly 6% of men, 0.4% of women
#1e5aa7 Tritanomaly 0.01% of the population

#5532fd hex color

#5532fd Color Information

#5532fd Color Conversion

Color Schemes with #5532fd

Alternatives to #5532fd

#5532fd Preview

Shades and Tints of #5532fd

Tones of #5532fd

Color Blindness Simulator