colorhexa.com

#5572fc hex color

In a RGB color space, hex #5572fc is composed of 33.3% red, 44.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 54.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 229.6 degrees, a saturation of 96.5% and a lightness of 66.1%. #5572fc color hex could be obtained by blending #aae4ff with #0000f9. Closest websafe color is: #6666ff.

- R 33
- G 45
- B 99
RGB color chart
- C 66
- M 55
- Y 0
- K 1
CMYK color chart

● #5572fc color description : Soft blue.

The hexadecimal color #5572fc has RGB values of R:85, G:114, B:252 and CMYK values of C:0.66, M:0.55, Y:0, K:0.01. Its decimal value is 5599996.

Hex triplet	5572fc	`#5572fc`
RGB Decimal	85, 114, 252	`rgb(85,114,252)`
RGB Percent	33.3, 44.7, 98.8	`rgb(33.3%,44.7%,98.8%)`
CMYK	66, 55, 0, 1
HSL	229.6°, 96.5, 66.1	`hsl(229.6,96.5%,66.1%)`
HSV (or HSB)	229.6°, 66.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.941, 32.859, -72.046
XYZ	27.331, 20.993, 94.702
xyY	0.191, 0.147, 20.993
CIE-LCH	52.941, 79.185, 294.517
CIE-LUV	52.941, -16.032, -114.717
Hunter-Lab	45.818, 26.296, -90.476
Binary	01010101, 01110010, 11111100

#5572fc
```
#5572fc rgb(85,114,252)
```
#fcdf55
```
#fcdf55 rgb(252,223,85)
```

Complementary Color

#55c6fc
```
#55c6fc rgb(85,198,252)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#8c55fc
```
#8c55fc rgb(140,85,252)
```

Analogous Color

#c6fc55
```
#c6fc55 rgb(198,252,85)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#fc8c55
```
#fc8c55 rgb(252,140,85)
```

Split Complementary Color

#72fc55
```
#72fc55 rgb(114,252,85)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#fc5572
```
#fc5572 rgb(252,85,114)
```

Triadic Color

#55fcdf
```
#55fcdf rgb(85,252,223)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#fc5572
```
#fc5572 rgb(252,85,114)
```
#fcdf55
```
#fcdf55 rgb(252,223,85)
```

Tetradic Color

#0a34fb
```
#0a34fb rgb(10,52,251)
```
#2348fb
```
#2348fb rgb(35,72,251)
```
#3c5dfc
```
#3c5dfc rgb(60,93,252)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#6e87fc
```
#6e87fc rgb(110,135,252)
```
#879cfd
```
#879cfd rgb(135,156,253)
```
#a0b0fd
```
#a0b0fd rgb(160,176,253)
```

Monochromatic Color

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

#559cfc
```
#559cfc rgb(85,156,252)
```
#558efc
```
#558efc rgb(85,142,252)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#5564fc
```
#5564fc rgb(85,100,252)
```
#5556fc
```
#5556fc rgb(85,86,252)
```
#6255fc
```
#6255fc rgb(98,85,252)
```

Similar Colors

Text with hexadecimal color #5572fc

This text has a font color of #5572fc.

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

#5572fc background color

This paragraph has a background color of #5572fc.

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

#5572fc border color

This element has a border color of #5572fc.

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

CSS codes

.text {color:#5572fc;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000417
```
#000417 rgb(0,4,23)
```
#01082a
```
#01082a rgb(1,8,42)
```
#010c3d
```
#010c3d rgb(1,12,61)
```
#010f51
```
#010f51 rgb(1,15,81)
```
#021364
```
#021364 rgb(2,19,100)
```
#021677
```
#021677 rgb(2,22,119)
```
#021a8a
```
#021a8a rgb(2,26,138)
```
#031e9e
```
#031e9e rgb(3,30,158)
```
#0321b1
```
#0321b1 rgb(3,33,177)
```
#0325c4
```
#0325c4 rgb(3,37,196)
```
#0429d8
```
#0429d8 rgb(4,41,216)
```
#042ceb
```
#042ceb rgb(4,44,235)
```

Shade Color Variation

#0832fb
```
#0832fb rgb(8,50,251)
```
#1b42fb
```
#1b42fb rgb(27,66,251)
```
#2e52fb
```
#2e52fb rgb(46,82,251)
```
#4262fc
```
#4262fc rgb(66,98,252)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#6882fc
```
#6882fc rgb(104,130,252)
```
#7c92fd
```
#7c92fd rgb(124,146,253)
```
#8fa2fd
```
#8fa2fd rgb(143,162,253)
```
#a2b2fd
```
#a2b2fd rgb(162,178,253)
```
#b5c2fe
```
#b5c2fe rgb(181,194,254)
```
#c9d2fe
```
#c9d2fe rgb(201,210,254)
```
#dce2fe
```
#dce2fe rgb(220,226,254)
```
#eff2ff
```
#eff2ff rgb(239,242,255)
```

Tint Color Variation

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

#a5a6ac
```
#a5a6ac rgb(165,166,172)
```
#9ea2b3
```
#9ea2b3 rgb(158,162,179)
```
#989db9
```
#989db9 rgb(152,157,185)
```
#9199c0
```
#9199c0 rgb(145,153,192)
```
#8a95c7
```
#8a95c7 rgb(138,149,199)
```
#8490cd
```
#8490cd rgb(132,144,205)
```
#7d8cd4
```
#7d8cd4 rgb(125,140,212)
```
#7688db
```
#7688db rgb(118,136,219)
```
#7083e1
```
#7083e1 rgb(112,131,225)
```
#697fe8
```
#697fe8 rgb(105,127,232)
```
#627bef
```
#627bef rgb(98,123,239)
```
#5c76f5
```
#5c76f5 rgb(92,118,245)
```
#5572fc
```
#5572fc rgb(85,114,252)
```

Tone Color Variation

Below, you can see how #5572fc 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
#727893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fd Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#1e7bfc Protanomaly 1% of men, 0.01% of women
#1e7fe9 Deuteranomaly 6% of men, 0.4% of women
#1e86be Tritanomaly 0.01% of the population