#5778fc hex color

In a RGB color space, hex #5778fc is composed of 34.1% red, 47.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 52.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 228 degrees, a saturation of 96.5% and a lightness of 66.5%. #5778fc color hex could be obtained by blending #aef0ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 47
- B 99
RGB color chart
- C 65
- M 52
- Y 0
- K 1
CMYK color chart

● #5778fc color description : Soft blue.

The hexadecimal color #5778fc has RGB values of R:87, G:120, B:252 and CMYK values of C:0.65, M:0.52, Y:0, K:0.01. Its decimal value is 5732604.

Hex triplet	5778fc	`#5778fc`
RGB Decimal	87, 120, 252	`rgb(87,120,252)`
RGB Percent	34.1, 47.1, 98.8	`rgb(34.1%,47.1%,98.8%)`
CMYK	65, 52, 0, 1
HSL	228°, 96.5, 66.5	`hsl(228,96.5%,66.5%)`
HSV (or HSB)	228°, 65.5, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.539, 29.492, -69.454
XYZ	28.214, 22.486, 94.943
xyY	0.194, 0.154, 22.486
CIE-LCH	54.539, 75.456, 293.007
CIE-LUV	54.539, -17.232, -111.422
Hunter-Lab	47.419, 23.222, -85.518
Binary	01010111, 01111000, 11111100

#5778fc
```
#5778fc rgb(87,120,252)
```
#fcdb57
```
#fcdb57 rgb(252,219,87)
```

Complementary Color

#57cbfc
```
#57cbfc rgb(87,203,252)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#8957fc
```
#8957fc rgb(137,87,252)
```

Analogous Color

#cbfc57
```
#cbfc57 rgb(203,252,87)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#fc8957
```
#fc8957 rgb(252,137,87)
```

Split Complementary Color

#78fc57
```
#78fc57 rgb(120,252,87)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#fc5778
```
#fc5778 rgb(252,87,120)
```

Triadic Color

#57fcdb
```
#57fcdb rgb(87,252,219)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#fc5778
```
#fc5778 rgb(252,87,120)
```
#fcdb57
```
#fcdb57 rgb(252,219,87)
```

Tetradic Color

#0c3cfb
```
#0c3cfb rgb(12,60,251)
```
#2550fb
```
#2550fb rgb(37,80,251)
```
#3e64fc
```
#3e64fc rgb(62,100,252)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#708cfc
```
#708cfc rgb(112,140,252)
```
#89a0fd
```
#89a0fd rgb(137,160,253)
```
#a2b4fd
```
#a2b4fd rgb(162,180,253)
```

Monochromatic Color

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

#57a1fc
```
#57a1fc rgb(87,161,252)
```
#5794fc
```
#5794fc rgb(87,148,252)
```
#5786fc
```
#5786fc rgb(87,134,252)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#576afc
```
#576afc rgb(87,106,252)
```
#575cfc
```
#575cfc rgb(87,92,252)
```
#5f57fc
```
#5f57fc rgb(95,87,252)
```

Similar Colors

Text with hexadecimal color #5778fc

This text has a font color of #5778fc.

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

#5778fc background color

This paragraph has a background color of #5778fc.

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

#5778fc border color

This element has a border color of #5778fc.

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

CSS codes

.text {color:#5778fc;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000519
```
#000519 rgb(0,5,25)
```
#01092c
```
#01092c rgb(1,9,44)
```
#010e3f
```
#010e3f rgb(1,14,63)
```
#011253
```
#011253 rgb(1,18,83)
```
#021666
```
#021666 rgb(2,22,102)
```
#021a79
```
#021a79 rgb(2,26,121)
```
#031e8c
```
#031e8c rgb(3,30,140)
```
#0322a0
```
#0322a0 rgb(3,34,160)
```
#0326b3
```
#0326b3 rgb(3,38,179)
```
#042ac6
```
#042ac6 rgb(4,42,198)
```
#042fd9
```
#042fd9 rgb(4,47,217)
```
#0433ed
```
#0433ed rgb(4,51,237)
```

Shade Color Variation

#0a3afb
```
#0a3afb rgb(10,58,251)
```
#1d4afb
```
#1d4afb rgb(29,74,251)
```
#3059fb
```
#3059fb rgb(48,89,251)
```
#4469fc
```
#4469fc rgb(68,105,252)
```
#5778fc
```
#5778fc rgb(87,120,252)
```
#6a87fc
```
#6a87fc rgb(106,135,252)
```
#7e97fd
```
#7e97fd rgb(126,151,253)
```
#91a6fd
```
#91a6fd rgb(145,166,253)
```
#a4b6fd
```
#a4b6fd rgb(164,182,253)
```
#b7c5fe
```
#b7c5fe rgb(183,197,254)
```
#cbd5fe
```
#cbd5fe rgb(203,213,254)
```
#dee4fe
```
#dee4fe rgb(222,228,254)
```
#f1f4ff
```
#f1f4ff rgb(241,244,255)
```

Tint Color Variation

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

#a6a7ad
```
#a6a7ad rgb(166,167,173)
```
#9fa3b4
```
#9fa3b4 rgb(159,163,180)
```
#999fba
```
#999fba rgb(153,159,186)
```
#929cc1
```
#929cc1 rgb(146,156,193)
```
#8c98c7
```
#8c98c7 rgb(140,152,199)
```
#8594ce
```
#8594ce rgb(133,148,206)
```
#7e90d5
```
#7e90d5 rgb(126,144,213)
```
#788cdb
```
#788cdb rgb(120,140,219)
```
#7188e2
```
#7188e2 rgb(113,136,226)
```
#6b84e8
```
#6b84e8 rgb(107,132,232)
```
#6480ef
```
#6480ef rgb(100,128,239)
```
#5e7cf5
```
#5e7cf5 rgb(94,124,245)
```
#5778fc
```
#5778fc rgb(87,120,252)
```

Tone Color Variation

Below, you can see how #5778fc 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

#7d7d7d Achromatopsia 0.005% of the population
#757c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c84ff Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#0096a0 Tritanopia 0.001% of the population

Trichromacy

#3b80fd Protanomaly 1% of men, 0.01% of women
#1f84ed Deuteranomaly 6% of men, 0.4% of women
#1f8bc1 Tritanomaly 0.01% of the population

#5778fc hex color

#5778fc Color Information

#5778fc Color Conversion

Color Schemes with #5778fc

Alternatives to #5778fc

#5778fc Preview

Shades and Tints of #5778fc

Tones of #5778fc

Color Blindness Simulator