#5576fa hex color

In a RGB color space, hex #5576fa is composed of 33.3% red, 46.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 52.8% magenta, 0% yellow and 2% black. It has a hue angle of 228 degrees, a saturation of 94.3% and a lightness of 65.7%. #5576fa color hex could be obtained by blending #aaecff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 46
- B 98
RGB color chart
- C 66
- M 53
- Y 0
- K 2
CMYK color chart

● #5576fa color description : Soft blue.

The hexadecimal color #5576fa has RGB values of R:85, G:118, B:250 and CMYK values of C:0.66, M:0.53, Y:0, K:0.02. Its decimal value is 5601018.

Hex triplet	5576fa	`#5576fa`
RGB Decimal	85, 118, 250	`rgb(85,118,250)`
RGB Percent	33.3, 46.3, 98	`rgb(33.3%,46.3%,98%)`
CMYK	66, 53, 0, 2
HSL	228°, 94.3, 65.7	`hsl(228,94.3%,65.7%)`
HSV (or HSB)	228°, 66, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.802, 29.735, -69.544
XYZ	27.476, 21.789, 93.195
xyY	0.193, 0.153, 21.789
CIE-LCH	53.802, 75.634, 293.15
CIE-LUV	53.802, -17.106, -111.195
Hunter-Lab	46.678, 23.384, -85.7
Binary	01010101, 01110110, 11111010

#5576fa
```
#5576fa rgb(85,118,250)
```
#fad955
```
#fad955 rgb(250,217,85)
```

Complementary Color

#55c9fa
```
#55c9fa rgb(85,201,250)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#8755fa
```
#8755fa rgb(135,85,250)
```

Analogous Color

#c9fa55
```
#c9fa55 rgb(201,250,85)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#fa8755
```
#fa8755 rgb(250,135,85)
```

Split Complementary Color

#76fa55
```
#76fa55 rgb(118,250,85)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#fa5576
```
#fa5576 rgb(250,85,118)
```

Triadic Color

#55fad9
```
#55fad9 rgb(85,250,217)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#fa5576
```
#fa5576 rgb(250,85,118)
```
#fad955
```
#fad955 rgb(250,217,85)
```

Tetradic Color

#0b3af8
```
#0b3af8 rgb(11,58,248)
```
#234ef9
```
#234ef9 rgb(35,78,249)
```
#3c62f9
```
#3c62f9 rgb(60,98,249)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#6e8afb
```
#6e8afb rgb(110,138,251)
```
#879efb
```
#879efb rgb(135,158,251)
```
#9fb2fc
```
#9fb2fc rgb(159,178,252)
```

Monochromatic Color

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

#559ffa
```
#559ffa rgb(85,159,250)
```
#5592fa
```
#5592fa rgb(85,146,250)
```
#5584fa
```
#5584fa rgb(85,132,250)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#5568fa
```
#5568fa rgb(85,104,250)
```
#555bfa
```
#555bfa rgb(85,91,250)
```
#5d55fa
```
#5d55fa rgb(93,85,250)
```

Similar Colors

Text with hexadecimal color #5576fa

This text has a font color of #5576fa.

<span style="color:#5576fa;">Text here</span>

#5576fa background color

This paragraph has a background color of #5576fa.

<p style="background-color:#5576fa;">Content here</p>

#5576fa border color

This element has a border color of #5576fa.

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

CSS codes

.text {color:#5576fa;}

.background {background-color:#5576fa;}

.border {border:1px solid #5576fa;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010515
```
#010515 rgb(1,5,21)
```
#010928
```
#010928 rgb(1,9,40)
```
#020d3b
```
#020d3b rgb(2,13,59)
```
#02114e
```
#02114e rgb(2,17,78)
```
#031661
```
#031661 rgb(3,22,97)
```
#031a74
```
#031a74 rgb(3,26,116)
```
#041e87
```
#041e87 rgb(4,30,135)
```
#05229a
```
#05229a rgb(5,34,154)
```
#0527ad
```
#0527ad rgb(5,39,173)
```
#062bc0
```
#062bc0 rgb(6,43,192)
```
#062fd3
```
#062fd3 rgb(6,47,211)
```
#0733e6
```
#0733e6 rgb(7,51,230)
```

Shade Color Variation

#0939f8
```
#0939f8 rgb(9,57,248)
```
#1c48f8
```
#1c48f8 rgb(28,72,248)
```
#2f57f9
```
#2f57f9 rgb(47,87,249)
```
#4267f9
```
#4267f9 rgb(66,103,249)
```
#5576fa
```
#5576fa rgb(85,118,250)
```
#6885fb
```
#6885fb rgb(104,133,251)
```
#7b95fb
```
#7b95fb rgb(123,149,251)
```
#8ea4fc
```
#8ea4fc rgb(142,164,252)
```
#a1b3fc
```
#a1b3fc rgb(161,179,252)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#c7d2fd
```
#c7d2fd rgb(199,210,253)
```
#dae1fe
```
#dae1fe rgb(218,225,254)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

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

#a6a6a9
```
#a6a6a9 rgb(166,166,169)
```
#9fa2b0
```
#9fa2b0 rgb(159,162,176)
```
#989eb7
```
#989eb7 rgb(152,158,183)
```
#929abd
```
#929abd rgb(146,154,189)
```
#8b96c4
```
#8b96c4 rgb(139,150,196)
```
#8492cb
```
#8492cb rgb(132,146,203)
```
#7d8ed2
```
#7d8ed2 rgb(125,142,210)
```
#778ad8
```
#778ad8 rgb(119,138,216)
```
#7086df
```
#7086df rgb(112,134,223)
```
#6982e6
```
#6982e6 rgb(105,130,230)
```
#627eed
```
#627eed rgb(98,126,237)
```
#5c7af3
```
#5c7af3 rgb(92,122,243)
```
#5576fa
```
#5576fa rgb(85,118,250)
```

Tone Color Variation

Below, you can see how #5576fa 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

#7b7b7b Achromatopsia 0.005% of the population
#737a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d82ff Protanopia 1% of men
#0089e2 Deuteranopia 1% of men
#00949e Tritanopia 0.001% of the population

Trichromacy

#317efd Protanomaly 1% of men, 0.01% of women
#1e82eb Deuteranomaly 6% of men, 0.4% of women
#1e89bf Tritanomaly 0.01% of the population

#5576fa hex color

#5576fa Color Information

#5576fa Color Conversion

Color Schemes with #5576fa

Alternatives to #5576fa

#5576fa Preview

Shades and Tints of #5576fa

Tones of #5576fa

Color Blindness Simulator