#5766fd hex color

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

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

● #5766fd color description : Soft blue.

The hexadecimal color #5766fd has RGB values of R:87, G:102, B:253 and CMYK values of C:0.66, M:0.6, Y:0, K:0.01. Its decimal value is 5727997.

Hex triplet	5766fd	`#5766fd`
RGB Decimal	87, 102, 253	`rgb(87,102,253)`
RGB Percent	34.1, 40, 99.2	`rgb(34.1%,40%,99.2%)`
CMYK	66, 60, 0, 1
HSL	234.6°, 97.6, 66.7	`hsl(234.6,97.6%,66.7%)`
HSV (or HSB)	234.6°, 65.6, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.239, 40.751, -76.99
XYZ	26.408, 18.619, 95.125
xyY	0.188, 0.133, 18.619
CIE-LCH	50.239, 87.109, 297.892
CIE-LUV	50.239, -12.493, -120.712
Hunter-Lab	43.15, 33.729, -100.501
Binary	01010111, 01100110, 11111101

#5766fd
```
#5766fd rgb(87,102,253)
```
#fdee57
```
#fdee57 rgb(253,238,87)
```

Complementary Color

#57b9fd
```
#57b9fd rgb(87,185,253)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#9b57fd
```
#9b57fd rgb(155,87,253)
```

Analogous Color

#b9fd57
```
#b9fd57 rgb(185,253,87)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#fd9b57
```
#fd9b57 rgb(253,155,87)
```

Split Complementary Color

#66fd57
```
#66fd57 rgb(102,253,87)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#fd5766
```
#fd5766 rgb(253,87,102)
```

Triadic Color

#57fdee
```
#57fdee rgb(87,253,238)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#fd5766
```
#fd5766 rgb(253,87,102)
```
#fdee57
```
#fdee57 rgb(253,238,87)
```

Tetradic Color

#0b21fc
```
#0b21fc rgb(11,33,252)
```
#2538fc
```
#2538fc rgb(37,56,252)
```
#3e4ffd
```
#3e4ffd rgb(62,79,253)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#707dfd
```
#707dfd rgb(112,125,253)
```
#8994fe
```
#8994fe rgb(137,148,254)
```
#a3abfe
```
#a3abfe rgb(163,171,254)
```

Monochromatic Color

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

#5790fd
```
#5790fd rgb(87,144,253)
```
#5782fd
```
#5782fd rgb(87,130,253)
```
#5774fd
```
#5774fd rgb(87,116,253)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#5758fd
```
#5758fd rgb(87,88,253)
```
#6457fd
```
#6457fd rgb(100,87,253)
```
#7257fd
```
#7257fd rgb(114,87,253)
```

Similar Colors

Text with hexadecimal color #5766fd

This text has a font color of #5766fd.

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

#5766fd background color

This paragraph has a background color of #5766fd.

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

#5766fd border color

This element has a border color of #5766fd.

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

CSS codes

.text {color:#5766fd;}

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

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

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

#000106
```
#000106 rgb(0,1,6)
```
#00031a
```
#00031a rgb(0,3,26)
```
#01052d
```
#01052d rgb(1,5,45)
```
#010741
```
#010741 rgb(1,7,65)
```
#010954
```
#010954 rgb(1,9,84)
```
#010a67
```
#010a67 rgb(1,10,103)
```
#010c7b
```
#010c7b rgb(1,12,123)
```
#020e8e
```
#020e8e rgb(2,14,142)
```
#0210a2
```
#0210a2 rgb(2,16,162)
```
#0212b5
```
#0212b5 rgb(2,18,181)
```
#0214c8
```
#0214c8 rgb(2,20,200)
```
#0316dc
```
#0316dc rgb(3,22,220)
```
#0318ef
```
#0318ef rgb(3,24,239)
```

Shade Color Variation

#091ffc
```
#091ffc rgb(9,31,252)
```
#1d31fc
```
#1d31fc rgb(29,49,252)
```
#3043fd
```
#3043fd rgb(48,67,253)
```
#4454fd
```
#4454fd rgb(68,84,253)
```
#5766fd
```
#5766fd rgb(87,102,253)
```
#6a78fd
```
#6a78fd rgb(106,120,253)
```
#7e89fd
```
#7e89fd rgb(126,137,253)
```
#919bfe
```
#919bfe rgb(145,155,254)
```
#a5adfe
```
#a5adfe rgb(165,173,254)
```
#b8befe
```
#b8befe rgb(184,190,254)
```
#cbd0fe
```
#cbd0fe rgb(203,208,254)
```
#dfe2ff
```
#dfe2ff rgb(223,226,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#a5a6af
```
#a5a6af rgb(165,166,175)
```
#9fa1b5
```
#9fa1b5 rgb(159,161,181)
```
#989cbc
```
#989cbc rgb(152,156,188)
```
#9296c2
```
#9296c2 rgb(146,150,194)
```
#8b91c9
```
#8b91c9 rgb(139,145,201)
```
#858bcf
```
#858bcf rgb(133,139,207)
```
#7e86d6
```
#7e86d6 rgb(126,134,214)
```
#7881dc
```
#7881dc rgb(120,129,220)
```
#717be3
```
#717be3 rgb(113,123,227)
```
#6b76e9
```
#6b76e9 rgb(107,118,233)
```
#6471f0
```
#6471f0 rgb(100,113,240)
```
#5e6bf6
```
#5e6bf6 rgb(94,107,246)
```
#5766fd
```
#5766fd rgb(87,102,253)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d708f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#1f73f4 Protanomaly 1% of men, 0.01% of women
#1f77e1 Deuteranomaly 6% of men, 0.4% of women
#1f7dba Tritanomaly 0.01% of the population

#5766fd hex color

#5766fd Color Information

#5766fd Color Conversion

Color Schemes with #5766fd

Alternatives to #5766fd

#5766fd Preview

Shades and Tints of #5766fd

Tones of #5766fd

Color Blindness Simulator