#5772c2 hex color

In a RGB color space, hex #5772c2 is composed of 34.1% red, 44.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 41.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 224.9 degrees, a saturation of 46.7% and a lightness of 55.1%. #5772c2 color hex could be obtained by blending #aee4ff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 45
- B 76
RGB color chart
- C 55
- M 41
- Y 0
- K 24
CMYK color chart

● #5772c2 color description : Moderate blue.

The hexadecimal color #5772c2 has RGB values of R:87, G:114, B:194 and CMYK values of C:0.55, M:0.41, Y:0, K:0.24. Its decimal value is 5731010.

Hex triplet	5772c2	`#5772c2`
RGB Decimal	87, 114, 194	`rgb(87,114,194)`
RGB Percent	34.1, 44.7, 76.1	`rgb(34.1%,44.7%,76.1%)`
CMYK	55, 41, 0, 24
HSL	224.9°, 46.7, 55.1	`hsl(224.9,46.7%,55.1%)`
HSV (or HSB)	224.9°, 55.2, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.441, 13.742, -44.955
XYZ	19.683, 17.955, 53.464
xyY	0.216, 0.197, 17.955
CIE-LCH	49.441, 47.008, 286.998
CIE-LUV	49.441, -14.554, -69.903
Hunter-Lab	42.373, 8.764, -45.148
Binary	01010111, 01110010, 11000010

#5772c2
```
#5772c2 rgb(87,114,194)
```
#c2a757
```
#c2a757 rgb(194,167,87)
```

Complementary Color

#57a8c2
```
#57a8c2 rgb(87,168,194)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#7257c2
```
#7257c2 rgb(114,87,194)
```

Analogous Color

#a8c257
```
#a8c257 rgb(168,194,87)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#c27257
```
#c27257 rgb(194,114,87)
```

Split Complementary Color

#72c257
```
#72c257 rgb(114,194,87)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#c25772
```
#c25772 rgb(194,87,114)
```

Triadic Color

#57c2a7
```
#57c2a7 rgb(87,194,167)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#c25772
```
#c25772 rgb(194,87,114)
```
#c2a757
```
#c2a757 rgb(194,167,87)
```

Tetradic Color

#364f96
```
#364f96 rgb(54,79,150)
```
#3d58a9
```
#3d58a9 rgb(61,88,169)
```
#4462bb
```
#4462bb rgb(68,98,187)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#6a82c9
```
#6a82c9 rgb(106,130,201)
```
#7c91d0
```
#7c91d0 rgb(124,145,208)
```
#8fa1d6
```
#8fa1d6 rgb(143,161,214)
```

Monochromatic Color

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

#578dc2
```
#578dc2 rgb(87,141,194)
```
#5784c2
```
#5784c2 rgb(87,132,194)
```
#577bc2
```
#577bc2 rgb(87,123,194)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#5769c2
```
#5769c2 rgb(87,105,194)
```
#5760c2
```
#5760c2 rgb(87,96,194)
```
#5757c2
```
#5757c2 rgb(87,87,194)
```

Similar Colors

Text with hexadecimal color #5772c2

This text has a font color of #5772c2.

<span style="color:#5772c2;">Text here</span>

#5772c2 background color

This paragraph has a background color of #5772c2.

<p style="background-color:#5772c2;">Content here</p>

#5772c2 border color

This element has a border color of #5772c2.

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

CSS codes

.text {color:#5772c2;}

.background {background-color:#5772c2;}

.border {border:1px solid #5772c2;}

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

#020205
```
#020205 rgb(2,2,5)
```
#070a13
```
#070a13 rgb(7,10,19)
```
#0c1221
```
#0c1221 rgb(12,18,33)
```
#111930
```
#111930 rgb(17,25,48)
```
#17213e
```
#17213e rgb(23,33,62)
```
#1c284d
```
#1c284d rgb(28,40,77)
```
#21305b
```
#21305b rgb(33,48,91)
```
#263769
```
#263769 rgb(38,55,105)
```
#2c3f78
```
#2c3f78 rgb(44,63,120)
```
#314686
```
#314686 rgb(49,70,134)
```
#364e95
```
#364e95 rgb(54,78,149)
```
#3b55a3
```
#3b55a3 rgb(59,85,163)
```
#405db1
```
#405db1 rgb(64,93,177)
```

Shade Color Variation

#4966bd
```
#4966bd rgb(73,102,189)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#657ec7
```
#657ec7 rgb(101,126,199)
```
#748acc
```
#748acc rgb(116,138,204)
```
#8296d2
```
#8296d2 rgb(130,150,210)
```
#91a2d7
```
#91a2d7 rgb(145,162,215)
```
#9faedc
```
#9faedc rgb(159,174,220)
```
#adbae1
```
#adbae1 rgb(173,186,225)
```
#bcc7e7
```
#bcc7e7 rgb(188,199,231)
```
#cad3ec
```
#cad3ec rgb(202,211,236)
```
#d9dff1
```
#d9dff1 rgb(217,223,241)
```
#e7ebf6
```
#e7ebf6 rgb(231,235,246)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#8c8c8d
```
#8c8c8d rgb(140,140,141)
```
#838896
```
#838896 rgb(131,136,150)
```
#7a839f
```
#7a839f rgb(122,131,159)
```
#717fa8
```
#717fa8 rgb(113,127,168)
```
#697bb0
```
#697bb0 rgb(105,123,176)
```
#6076b9
```
#6076b9 rgb(96,118,185)
```
#5772c2
```
#5772c2 rgb(87,114,194)
```
#4e6ecb
```
#4e6ecb rgb(78,110,203)
```
#4569d4
```
#4569d4 rgb(69,105,212)
```
#3d65dc
```
#3d65dc rgb(61,101,220)
```
#3461e5
```
#3461e5 rgb(52,97,229)
```
#2b5cee
```
#2b5cee rgb(43,92,238)
```
#2258f7
```
#2258f7 rgb(34,88,247)
```

Tone Color Variation

Below, you can see how #5772c2 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
#6d7383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a7ac5 Protanopia 1% of men
#4b7dc3 Deuteranopia 1% of men
#45858f Tritanopia 0.001% of the population

Trichromacy

#5977c4 Protanomaly 1% of men, 0.01% of women
#4f79c2 Deuteranomaly 6% of men, 0.4% of women
#4c7ea1 Tritanomaly 0.01% of the population

#5772c2 hex color

#5772c2 Color Information

#5772c2 Color Conversion

Color Schemes with #5772c2

Alternatives to #5772c2

#5772c2 Preview

Shades and Tints of #5772c2

Tones of #5772c2

Color Blindness Simulator