colorhexa.com

#5771fd hex color

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

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

● #5771fd color description : Soft blue.

The hexadecimal color #5771fd has RGB values of R:87, G:113, B:253 and CMYK values of C:0.66, M:0.55, Y:0, K:0.01. Its decimal value is 5730813.

Hex triplet	5771fd	`#5771fd`
RGB Decimal	87, 113, 253	`rgb(87,113,253)`
RGB Percent	34.1, 44.3, 99.2	`rgb(34.1%,44.3%,99.2%)`
CMYK	66, 55, 0, 1
HSL	230.6°, 97.6, 66.7	`hsl(230.6,97.6%,66.7%)`
HSV (or HSB)	230.6°, 65.6, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.869, 34.097, -72.712
XYZ	27.562, 20.927, 95.51
xyY	0.191, 0.145, 20.927
CIE-LCH	52.869, 80.309, 295.123
CIE-LUV	52.869, -15.317, -115.76
Hunter-Lab	45.746, 27.49, -91.766
Binary	01010111, 01110001, 11111101

#5771fd
```
#5771fd rgb(87,113,253)
```
#fde357
```
#fde357 rgb(253,227,87)
```

Complementary Color

#57c4fd
```
#57c4fd rgb(87,196,253)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#9057fd
```
#9057fd rgb(144,87,253)
```

Analogous Color

#c4fd57
```
#c4fd57 rgb(196,253,87)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#fd9057
```
#fd9057 rgb(253,144,87)
```

Split Complementary Color

#71fd57
```
#71fd57 rgb(113,253,87)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#fd5771
```
#fd5771 rgb(253,87,113)
```

Triadic Color

#57fde3
```
#57fde3 rgb(87,253,227)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#fd5771
```
#fd5771 rgb(253,87,113)
```
#fde357
```
#fde357 rgb(253,227,87)
```

Tetradic Color

#0b31fc
```
#0b31fc rgb(11,49,252)
```
#2546fc
```
#2546fc rgb(37,70,252)
```
#3e5cfd
```
#3e5cfd rgb(62,92,253)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#7086fd
```
#7086fd rgb(112,134,253)
```
#899cfe
```
#899cfe rgb(137,156,254)
```
#a3b1fe
```
#a3b1fe rgb(163,177,254)
```

Monochromatic Color

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

#579bfd
```
#579bfd rgb(87,155,253)
```
#578dfd
```
#578dfd rgb(87,141,253)
```
#577ffd
```
#577ffd rgb(87,127,253)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#5763fd
```
#5763fd rgb(87,99,253)
```
#5957fd
```
#5957fd rgb(89,87,253)
```
#6757fd
```
#6757fd rgb(103,87,253)
```

Similar Colors

Text with hexadecimal color #5771fd

This text has a font color of #5771fd.

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

#5771fd background color

This paragraph has a background color of #5771fd.

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

#5771fd border color

This element has a border color of #5771fd.

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

CSS codes

.text {color:#5771fd;}

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

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

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)
```
#01082d
```
#01082d rgb(1,8,45)
```
#010b41
```
#010b41 rgb(1,11,65)
```
#010e54
```
#010e54 rgb(1,14,84)
```
#011167
```
#011167 rgb(1,17,103)
```
#01147b
```
#01147b rgb(1,20,123)
```
#02188e
```
#02188e rgb(2,24,142)
```
#021ba2
```
#021ba2 rgb(2,27,162)
```
#021eb5
```
#021eb5 rgb(2,30,181)
```
#0221c8
```
#0221c8 rgb(2,33,200)
```
#0325dc
```
#0325dc rgb(3,37,220)
```
#0328ef
```
#0328ef rgb(3,40,239)
```

Shade Color Variation

#092ffc
```
#092ffc rgb(9,47,252)
```
#1d40fc
```
#1d40fc rgb(29,64,252)
```
#3050fd
```
#3050fd rgb(48,80,253)
```
#4461fd
```
#4461fd rgb(68,97,253)
```
#5771fd
```
#5771fd rgb(87,113,253)
```
#6a81fd
```
#6a81fd rgb(106,129,253)
```
#7e92fd
```
#7e92fd rgb(126,146,253)
```
#91a2fe
```
#91a2fe rgb(145,162,254)
```
#a5b3fe
```
#a5b3fe rgb(165,179,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 #5771fd 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)
```
#7e8cd6
```
#7e8cd6 rgb(126,140,214)
```
#7887dc
```
#7887dc rgb(120,135,220)
```
#7183e3
```
#7183e3 rgb(113,131,227)
```
#6b7ee9
```
#6b7ee9 rgb(107,126,233)
```
#647af0
```
#647af0 rgb(100,122,240)
```
#5e75f6
```
#5e75f6 rgb(94,117,246)
```
#5771fd
```
#5771fd rgb(87,113,253)
```

Tone Color Variation

Below, you can see how #5771fd 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

#0080fc Protanopia 1% of men
#0087dd Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#1f7bfc Protanomaly 1% of men, 0.01% of women
#1f7fe9 Deuteranomaly 6% of men, 0.4% of women
#1f85bf Tritanomaly 0.01% of the population