#5572fe hex color

In a RGB color space, hex #5572fe is composed of 33.3% red, 44.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 55.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.7 degrees, a saturation of 98.8% and a lightness of 66.5%. #5572fe color hex could be obtained by blending #aae4ff with #0000fd. Closest websafe color is: #6666ff.

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

● #5572fe color description : Soft blue.

The hexadecimal color #5572fe has RGB values of R:85, G:114, B:254 and CMYK values of C:0.67, M:0.55, Y:0, K:0. Its decimal value is 5599998.

Hex triplet	5572fe	`#5572fe`
RGB Decimal	85, 114, 254	`rgb(85,114,254)`
RGB Percent	33.3, 44.7, 99.6	`rgb(33.3%,44.7%,99.6%)`
CMYK	67, 55, 0, 0
HSL	229.7°, 98.8, 66.5	`hsl(229.7,98.8%,66.5%)`
HSV (or HSB)	229.7°, 66.5, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.081, 33.537, -72.927
XYZ	27.649, 21.12, 96.38
xyY	0.19, 0.146, 21.12
CIE-LCH	53.081, 80.268, 294.696
CIE-LUV	53.081, -16.067, -116.156
Hunter-Lab	45.957, 26.969, -92.173
Binary	01010101, 01110010, 11111110

#5572fe
```
#5572fe rgb(85,114,254)
```
#fee155
```
#fee155 rgb(254,225,85)
```

Complementary Color

#55c7fe
```
#55c7fe rgb(85,199,254)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#8d55fe
```
#8d55fe rgb(141,85,254)
```

Analogous Color

#c7fe55
```
#c7fe55 rgb(199,254,85)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#fe8d55
```
#fe8d55 rgb(254,141,85)
```

Split Complementary Color

#72fe55
```
#72fe55 rgb(114,254,85)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#fe5572
```
#fe5572 rgb(254,85,114)
```

Triadic Color

#55fee1
```
#55fee1 rgb(85,254,225)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#fe5572
```
#fe5572 rgb(254,85,114)
```
#fee155
```
#fee155 rgb(254,225,85)
```

Tetradic Color

#0933fe
```
#0933fe rgb(9,51,254)
```
#2248fe
```
#2248fe rgb(34,72,254)
```
#3c5dfe
```
#3c5dfe rgb(60,93,254)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#6e87fe
```
#6e87fe rgb(110,135,254)
```
#889cfe
```
#889cfe rgb(136,156,254)
```
#a1b1fe
```
#a1b1fe rgb(161,177,254)
```

Monochromatic Color

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

#559cfe
```
#559cfe rgb(85,156,254)
```
#558efe
```
#558efe rgb(85,142,254)
```
#5580fe
```
#5580fe rgb(85,128,254)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#5564fe
```
#5564fe rgb(85,100,254)
```
#5556fe
```
#5556fe rgb(85,86,254)
```
#6255fe
```
#6255fe rgb(98,85,254)
```

Similar Colors

Text with hexadecimal color #5572fe

This text has a font color of #5572fe.

<span style="color:#5572fe;">Text here</span>

#5572fe background color

This paragraph has a background color of #5572fe.

<p style="background-color:#5572fe;">Content here</p>

#5572fe border color

This element has a border color of #5572fe.

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

CSS codes

.text {color:#5572fe;}

.background {background-color:#5572fe;}

.border {border:1px solid #5572fe;}

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

#000106
```
#000106 rgb(0,1,6)
```
#000419
```
#000419 rgb(0,4,25)
```
#00082d
```
#00082d rgb(0,8,45)
```
#000b40
```
#000b40 rgb(0,11,64)
```
#000f54
```
#000f54 rgb(0,15,84)
```
#011267
```
#011267 rgb(1,18,103)
```
#01167b
```
#01167b rgb(1,22,123)
```
#01198e
```
#01198e rgb(1,25,142)
```
#011da2
```
#011da2 rgb(1,29,162)
```
#0120b5
```
#0120b5 rgb(1,32,181)
```
#0123c9
```
#0123c9 rgb(1,35,201)
```
#0127dc
```
#0127dc rgb(1,39,220)
```
#012af0
```
#012af0 rgb(1,42,240)
```

Shade Color Variation

#0731fe
```
#0731fe rgb(7,49,254)
```
#1a41fe
```
#1a41fe rgb(26,65,254)
```
#2e52fe
```
#2e52fe rgb(46,82,254)
```
#4162fe
```
#4162fe rgb(65,98,254)
```
#5572fe
```
#5572fe rgb(85,114,254)
```
#6982fe
```
#6982fe rgb(105,130,254)
```
#7c92fe
```
#7c92fe rgb(124,146,254)
```
#90a3fe
```
#90a3fe rgb(144,163,254)
```
#a3b3fe
```
#a3b3fe rgb(163,179,254)
```
#b7c3ff
```
#b7c3ff rgb(183,195,255)
```
#cad3ff
```
#cad3ff rgb(202,211,255)
```
#dee3ff
```
#dee3ff rgb(222,227,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#a4a6af
```
#a4a6af rgb(164,166,175)
```
#9da2b6
```
#9da2b6 rgb(157,162,182)
```
#979dbc
```
#979dbc rgb(151,157,188)
```
#9099c3
```
#9099c3 rgb(144,153,195)
```
#8a95c9
```
#8a95c9 rgb(138,149,201)
```
#8390d0
```
#8390d0 rgb(131,144,208)
```
#7c8cd7
```
#7c8cd7 rgb(124,140,215)
```
#7688dd
```
#7688dd rgb(118,136,221)
```
#6f83e4
```
#6f83e4 rgb(111,131,228)
```
#697fea
```
#697fea rgb(105,127,234)
```
#627bf1
```
#627bf1 rgb(98,123,241)
```
#5c76f7
```
#5c76f7 rgb(92,118,247)
```
#5572fe
```
#5572fe rgb(85,114,254)
```

Tone Color Variation

Below, you can see how #5572fe 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

#797979 Achromatopsia 0.005% of the population
#727894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#0088de Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#1e7bfd Protanomaly 1% of men, 0.01% of women
#1e80ea Deuteranomaly 6% of men, 0.4% of women
#1e86bf Tritanomaly 0.01% of the population

#5572fe hex color

#5572fe Color Information

#5572fe Color Conversion

Color Schemes with #5572fe

Alternatives to #5572fe

#5572fe Preview

Shades and Tints of #5572fe

Tones of #5572fe

Color Blindness Simulator