#5766cc hex color

In a RGB color space, hex #5766cc is composed of 34.1% red, 40% green and 80% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 50% magenta, 0% yellow and 20% black. It has a hue angle of 232.3 degrees, a saturation of 53.4% and a lightness of 57.1%. #5766cc color hex could be obtained by blending #aeccff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 40
- B 80
RGB color chart
- C 57
- M 50
- Y 0
- K 20
CMYK color chart

● #5766cc color description : Moderate blue.

The hexadecimal color #5766cc has RGB values of R:87, G:102, B:204 and CMYK values of C:0.57, M:0.5, Y:0, K:0.2. Its decimal value is 5727948.

Hex triplet	5766cc	`#5766cc`
RGB Decimal	87, 102, 204	`rgb(87,102,204)`
RGB Percent	34.1, 40, 80	`rgb(34.1%,40%,80%)`
CMYK	57, 50, 0, 20
HSL	232.3°, 53.4, 57.1	`hsl(232.3,53.4%,57.1%)`
HSV (or HSB)	232.3°, 57.4, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.827, 24.487, -54.876
XYZ	19.579, 15.888, 59.158
xyY	0.207, 0.168, 15.888
CIE-LCH	46.827, 60.091, 294.047
CIE-LUV	46.827, -10.932, -85.166
Hunter-Lab	39.859, 17.924, -60.095
Binary	01010111, 01100110, 11001100

#5766cc
```
#5766cc rgb(87,102,204)
```
#ccbd57
```
#ccbd57 rgb(204,189,87)
```

Complementary Color

#57a1cc
```
#57a1cc rgb(87,161,204)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#8357cc
```
#8357cc rgb(131,87,204)
```

Analogous Color

#a1cc57
```
#a1cc57 rgb(161,204,87)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#cc8357
```
#cc8357 rgb(204,131,87)
```

Split Complementary Color

#66cc57
```
#66cc57 rgb(102,204,87)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#cc5766
```
#cc5766 rgb(204,87,102)
```

Triadic Color

#57ccbd
```
#57ccbd rgb(87,204,189)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#cc5766
```
#cc5766 rgb(204,87,102)
```
#ccbd57
```
#ccbd57 rgb(204,189,87)
```

Tetradic Color

#3241a5
```
#3241a5 rgb(50,65,165)
```
#3848b8
```
#3848b8 rgb(56,72,184)
```
#4354c6
```
#4354c6 rgb(67,84,198)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#6b78d2
```
#6b78d2 rgb(107,120,210)
```
#7e8ad8
```
#7e8ad8 rgb(126,138,216)
```
#929bde
```
#929bde rgb(146,155,222)
```

Monochromatic Color

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

#5783cc
```
#5783cc rgb(87,131,204)
```
#577acc
```
#577acc rgb(87,122,204)
```
#5770cc
```
#5770cc rgb(87,112,204)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#575ccc
```
#575ccc rgb(87,92,204)
```
#5c57cc
```
#5c57cc rgb(92,87,204)
```
#6557cc
```
#6557cc rgb(101,87,204)
```

Similar Colors

Text with hexadecimal color #5766cc

This text has a font color of #5766cc.

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

#5766cc background color

This paragraph has a background color of #5766cc.

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

#5766cc border color

This element has a border color of #5766cc.

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

CSS codes

.text {color:#5766cc;}

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

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

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, #04050d is the darkest color, while #fdfdfe is the lightest one.

#04050d
```
#04050d rgb(4,5,13)
```
#080b1c
```
#080b1c rgb(8,11,28)
```
#0d112b
```
#0d112b rgb(13,17,43)
```
#12173a
```
#12173a rgb(18,23,58)
```
#161d49
```
#161d49 rgb(22,29,73)
```
#1b2258
```
#1b2258 rgb(27,34,88)
```
#1f2867
```
#1f2867 rgb(31,40,103)
```
#242e76
```
#242e76 rgb(36,46,118)
```
#283485
```
#283485 rgb(40,52,133)
```
#2d3a94
```
#2d3a94 rgb(45,58,148)
```
#3140a3
```
#3140a3 rgb(49,64,163)
```
#3646b2
```
#3646b2 rgb(54,70,178)
```
#3b4cc1
```
#3b4cc1 rgb(59,76,193)
```

Shade Color Variation

#4858c7
```
#4858c7 rgb(72,88,199)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#6674d1
```
#6674d1 rgb(102,116,209)
```
#7581d5
```
#7581d5 rgb(117,129,213)
```
#848fda
```
#848fda rgb(132,143,218)
```
#939dde
```
#939dde rgb(147,157,222)
```
#a2abe3
```
#a2abe3 rgb(162,171,227)
```
#b1b8e7
```
#b1b8e7 rgb(177,184,231)
```
#c0c6ec
```
#c0c6ec rgb(192,198,236)
```
#cfd4f1
```
#cfd4f1 rgb(207,212,241)
```
#dee1f5
```
#dee1f5 rgb(222,225,245)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c99 is the less saturated color, while #2440ff is the most saturated one.

#8a8c99
```
#8a8c99 rgb(138,140,153)
```
#8185a2
```
#8185a2 rgb(129,133,162)
```
#797faa
```
#797faa rgb(121,127,170)
```
#7079b3
```
#7079b3 rgb(112,121,179)
```
#6873bb
```
#6873bb rgb(104,115,187)
```
#5f6cc4
```
#5f6cc4 rgb(95,108,196)
```
#5766cc
```
#5766cc rgb(87,102,204)
```
#4f60d4
```
#4f60d4 rgb(79,96,212)
```
#4659dd
```
#4659dd rgb(70,89,221)
```
#3e53e5
```
#3e53e5 rgb(62,83,229)
```
#354dee
```
#354dee rgb(53,77,238)
```
#2d47f6
```
#2d47f6 rgb(45,71,246)
```
#2440ff
```
#2440ff rgb(36,64,255)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#696c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b73d3 Protanopia 1% of men
#0078c8 Deuteranopia 1% of men
#3a7f89 Tritanopia 0.001% of the population

Trichromacy

#456ed0 Protanomaly 1% of men, 0.01% of women
#1f71c9 Deuteranomaly 6% of men, 0.4% of women
#4476a1 Tritanomaly 0.01% of the population

#5766cc hex color

#5766cc Color Information

#5766cc Color Conversion

Color Schemes with #5766cc

Alternatives to #5766cc

#5766cc Preview

Shades and Tints of #5766cc

Tones of #5766cc

Color Blindness Simulator