#5770fd hex color

In a RGB color space, hex #5770fd is composed of 34.1% red, 43.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 55.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 231 degrees, a saturation of 97.6% and a lightness of 66.7%. #5770fd color hex could be obtained by blending #aee0ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 44
- B 99
RGB color chart
- C 66
- M 56
- Y 0
- K 1
CMYK color chart

● #5770fd color description : Soft blue.

The hexadecimal color #5770fd has RGB values of R:87, G:112, B:253 and CMYK values of C:0.66, M:0.56, Y:0, K:0.01. Its decimal value is 5730557.

Hex triplet	5770fd	`#5770fd`
RGB Decimal	87, 112, 253	`rgb(87,112,253)`
RGB Percent	34.1, 43.9, 99.2	`rgb(34.1%,43.9%,99.2%)`
CMYK	66, 56, 0, 1
HSL	231°, 97.6, 66.7	`hsl(231,97.6%,66.7%)`
HSV (or HSB)	231°, 65.6, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.625, 34.705, -73.108
XYZ	27.451, 20.705, 95.473
xyY	0.191, 0.144, 20.705
CIE-LCH	52.625, 80.927, 295.394
CIE-LUV	52.625, -15.05, -116.246
Hunter-Lab	45.503, 28.055, -92.55
Binary	01010111, 01110000, 11111101

#5770fd
```
#5770fd rgb(87,112,253)
```
#fde457
```
#fde457 rgb(253,228,87)
```

Complementary Color

#57c3fd
```
#57c3fd rgb(87,195,253)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#9157fd
```
#9157fd rgb(145,87,253)
```

Analogous Color

#c3fd57
```
#c3fd57 rgb(195,253,87)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#fd9157
```
#fd9157 rgb(253,145,87)
```

Split Complementary Color

#70fd57
```
#70fd57 rgb(112,253,87)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#fd5770
```
#fd5770 rgb(253,87,112)
```

Triadic Color

#57fde4
```
#57fde4 rgb(87,253,228)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#fd5770
```
#fd5770 rgb(253,87,112)
```
#fde457
```
#fde457 rgb(253,228,87)
```

Tetradic Color

#0b30fc
```
#0b30fc rgb(11,48,252)
```
#2545fc
```
#2545fc rgb(37,69,252)
```
#3e5bfd
```
#3e5bfd rgb(62,91,253)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#7085fd
```
#7085fd rgb(112,133,253)
```
#899bfe
```
#899bfe rgb(137,155,254)
```
#a3b0fe
```
#a3b0fe rgb(163,176,254)
```

Monochromatic Color

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

#579afd
```
#579afd rgb(87,154,253)
```
#578cfd
```
#578cfd rgb(87,140,253)
```
#577efd
```
#577efd rgb(87,126,253)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#5762fd
```
#5762fd rgb(87,98,253)
```
#5a57fd
```
#5a57fd rgb(90,87,253)
```
#6857fd
```
#6857fd rgb(104,87,253)
```

Similar Colors

Text with hexadecimal color #5770fd

This text has a font color of #5770fd.

<span style="color:#5770fd;">Text here</span>

#5770fd background color

This paragraph has a background color of #5770fd.

<p style="background-color:#5770fd;">Content here</p>

#5770fd border color

This element has a border color of #5770fd.

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

CSS codes

.text {color:#5770fd;}

.background {background-color:#5770fd;}

.border {border:1px solid #5770fd;}

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 #f2f4ff is the lightest one.

#000106
```
#000106 rgb(0,1,6)
```
#00041a
```
#00041a rgb(0,4,26)
```
#01072d
```
#01072d rgb(1,7,45)
```
#010a41
```
#010a41 rgb(1,10,65)
```
#010e54
```
#010e54 rgb(1,14,84)
```
#011167
```
#011167 rgb(1,17,103)
```
#01147b
```
#01147b rgb(1,20,123)
```
#02178e
```
#02178e rgb(2,23,142)
```
#021aa2
```
#021aa2 rgb(2,26,162)
```
#021db5
```
#021db5 rgb(2,29,181)
```
#0220c8
```
#0220c8 rgb(2,32,200)
```
#0323dc
```
#0323dc rgb(3,35,220)
```
#0326ef
```
#0326ef rgb(3,38,239)
```

Shade Color Variation

#092efc
```
#092efc rgb(9,46,252)
```
#1d3ffc
```
#1d3ffc rgb(29,63,252)
```
#304ffd
```
#304ffd rgb(48,79,253)
```
#4460fd
```
#4460fd rgb(68,96,253)
```
#5770fd
```
#5770fd rgb(87,112,253)
```
#6a81fd
```
#6a81fd rgb(106,129,253)
```
#7e91fd
```
#7e91fd rgb(126,145,253)
```
#91a2fe
```
#91a2fe rgb(145,162,254)
```
#a5b2fe
```
#a5b2fe rgb(165,178,254)
```
#b8c3fe
```
#b8c3fe rgb(184,195,254)
```
#cbd3fe
```
#cbd3fe rgb(203,211,254)
```
#dfe4ff
```
#dfe4ff rgb(223,228,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Tint Color Variation

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

#a5a7af
```
#a5a7af rgb(165,167,175)
```
#9fa2b5
```
#9fa2b5 rgb(159,162,181)
```
#989ebc
```
#989ebc rgb(152,158,188)
```
#9299c2
```
#9299c2 rgb(146,153,194)
```
#8b95c9
```
#8b95c9 rgb(139,149,201)
```
#8590cf
```
#8590cf rgb(133,144,207)
```
#7e8bd6
```
#7e8bd6 rgb(126,139,214)
```
#7887dc
```
#7887dc rgb(120,135,220)
```
#7182e3
```
#7182e3 rgb(113,130,227)
```
#6b7ee9
```
#6b7ee9 rgb(107,126,233)
```
#6479f0
```
#6479f0 rgb(100,121,240)
```
#5e75f6
```
#5e75f6 rgb(94,117,246)
```
#5770fd
```
#5770fd rgb(87,112,253)
```

Tone Color Variation

Below, you can see how #5770fd 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
#727793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#0087dc Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#1f7afc Protanomaly 1% of men, 0.01% of women
#1f7ee8 Deuteranomaly 6% of men, 0.4% of women
#1f85be Tritanomaly 0.01% of the population

#5770fd hex color

#5770fd Color Information

#5770fd Color Conversion

Color Schemes with #5770fd

Alternatives to #5770fd

#5770fd Preview

Shades and Tints of #5770fd

Tones of #5770fd

Color Blindness Simulator