#5532ff hex color

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

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

● #5532ff color description : Vivid blue.

The hexadecimal color #5532ff has RGB values of R:85, G:50, B:255 and CMYK values of C:0.67, M:0.8, Y:0, K:0. Its decimal value is 5583615.

Hex triplet	5532ff	`#5532ff`
RGB Decimal	85, 50, 255	`rgb(85,50,255)`
RGB Percent	33.3, 19.6, 100	`rgb(33.3%,19.6%,100%)`
CMYK	67, 80, 0, 0
HSL	250.2°, 100, 59.8	`hsl(250.2,100%,59.8%)`
HSV (or HSB)	250.2°, 80.4, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.298, 68.614, -94.447
XYZ	22.933, 11.431, 95.6
xyY	0.176, 0.088, 11.431
CIE-LCH	40.298, 116.739, 305.998
CIE-LUV	40.298, -3.775, -133.343
Hunter-Lab	33.81, 61.908, -143.977
Binary	01010101, 00110010, 11111111

#5532ff
```
#5532ff rgb(85,50,255)
```
#dcff32
```
#dcff32 rgb(220,255,50)
```

Complementary Color

#3276ff
```
#3276ff rgb(50,118,255)
```
#5532ff
```
#5532ff rgb(85,50,255)
```
#bc32ff
```
#bc32ff rgb(188,50,255)
```

Analogous Color

#76ff32
```
#76ff32 rgb(118,255,50)
```
#5532ff
```
#5532ff rgb(85,50,255)
```
#ffbc32
```
#ffbc32 rgb(255,188,50)
```

Split Complementary Color

#32ff55
```
#32ff55 rgb(50,255,85)
```
#5532ff
```
#5532ff rgb(85,50,255)
```
#ff5532
```
#ff5532 rgb(255,85,50)
```

Triadic Color

#32dcff
```
#32dcff rgb(50,220,255)
```
#5532ff
```
#5532ff rgb(85,50,255)
```
#ff5532
```
#ff5532 rgb(255,85,50)
```
#dcff32
```
#dcff32 rgb(220,255,50)
```

Tetradic Color

#2700e5
```
#2700e5 rgb(39,0,229)
```
#2b00fe
```
#2b00fe rgb(43,0,254)
```
#4019ff
```
#4019ff rgb(64,25,255)
```
#5532ff
```
#5532ff rgb(85,50,255)
```
#6a4cff
```
#6a4cff rgb(106,76,255)
```
#7f65ff
```
#7f65ff rgb(127,101,255)
```
#947fff
```
#947fff rgb(148,127,255)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #5532ff

This text has a font color of #5532ff.

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

#5532ff background color

This paragraph has a background color of #5532ff.

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

#5532ff border color

This element has a border color of #5532ff.

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

CSS codes

.text {color:#5532ff;}

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

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

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, #02000b is the darkest color, while #f8f6ff is the lightest one.

#02000b
```
#02000b rgb(2,0,11)
```
#05001e
```
#05001e rgb(5,0,30)
```
#090032
```
#090032 rgb(9,0,50)
```
#0c0046
```
#0c0046 rgb(12,0,70)
```
#0f0059
```
#0f0059 rgb(15,0,89)
```
#13006d
```
#13006d rgb(19,0,109)
```
#160080
```
#160080 rgb(22,0,128)
```
#190094
```
#190094 rgb(25,0,148)
```
#1d00a8
```
#1d00a8 rgb(29,0,168)
```
#2000bb
```
#2000bb rgb(32,0,187)
```
#2300cf
```
#2300cf rgb(35,0,207)
```
#2700e3
```
#2700e3 rgb(39,0,227)
```
#2a00f6
```
#2a00f6 rgb(42,0,246)
```

Shade Color Variation

#340bff
```
#340bff rgb(52,11,255)
```
#451eff
```
#451eff rgb(69,30,255)
```
#5532ff
```
#5532ff rgb(85,50,255)
```
#6546ff
```
#6546ff rgb(101,70,255)
```
#7659ff
```
#7659ff rgb(118,89,255)
```
#866dff
```
#866dff rgb(134,109,255)
```
#9680ff
```
#9680ff rgb(150,128,255)
```
#a694ff
```
#a694ff rgb(166,148,255)
```
#b7a8ff
```
#b7a8ff rgb(183,168,255)
```
#c7bbff
```
#c7bbff rgb(199,187,255)
```
#d7cfff
```
#d7cfff rgb(215,207,255)
```
#e7e3ff
```
#e7e3ff rgb(231,227,255)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#9391a0
```
#9391a0 rgb(147,145,160)
```
#8e89a8
```
#8e89a8 rgb(142,137,168)
```
#8981b0
```
#8981b0 rgb(137,129,176)
```
#8479b8
```
#8479b8 rgb(132,121,184)
```
#7f71c0
```
#7f71c0 rgb(127,113,192)
```
#7969c8
```
#7969c8 rgb(121,105,200)
```
#7461d0
```
#7461d0 rgb(116,97,208)
```
#6f59d8
```
#6f59d8 rgb(111,89,216)
```
#6a52df
```
#6a52df rgb(106,82,223)
```
#654ae7
```
#654ae7 rgb(101,74,231)
```
#5f42ef
```
#5f42ef rgb(95,66,239)
```
#5a3af7
```
#5a3af7 rgb(90,58,247)
```
#5532ff
```
#5532ff rgb(85,50,255)
```

Tone Color Variation

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

#0064c2 Protanopia 1% of men
#006aa8 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1e52d8 Protanomaly 1% of men, 0.01% of women
#1e55c8 Deuteranomaly 6% of men, 0.4% of women
#1e5aa9 Tritanomaly 0.01% of the population

#5532ff hex color

#5532ff Color Information

#5532ff Color Conversion

Color Schemes with #5532ff

Alternatives to #5532ff

#5532ff Preview

Shades and Tints of #5532ff

Tones of #5532ff

Color Blindness Simulator