#5772c3 hex color

In a RGB color space, hex #5772c3 is composed of 34.1% red, 44.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 41.5% magenta, 0% yellow and 23.5% black. It has a hue angle of 225 degrees, a saturation of 47.4% and a lightness of 55.3%. #5772c3 color hex could be obtained by blending #aee4ff with #000087. Closest websafe color is: #6666cc.

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

● #5772c3 color description : Moderate blue.

The hexadecimal color #5772c3 has RGB values of R:87, G:114, B:195 and CMYK values of C:0.55, M:0.42, Y:0, K:0.24. Its decimal value is 5731011.

Hex triplet	5772c3	`#5772c3`
RGB Decimal	87, 114, 195	`rgb(87,114,195)`
RGB Percent	34.1, 44.7, 76.5	`rgb(34.1%,44.7%,76.5%)`
CMYK	55, 42, 0, 24
HSL	225°, 47.4, 55.3	`hsl(225,47.4%,55.3%)`
HSV (or HSB)	225°, 55.4, 76.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.496, 14.07, -45.442
XYZ	19.796, 18, 54.058
xyY	0.216, 0.196, 18
CIE-LCH	49.496, 47.57, 287.203
CIE-LUV	49.496, -14.569, -70.718
Hunter-Lab	42.426, 9.041, -45.846
Binary	01010111, 01110010, 11000011

#5772c3
```
#5772c3 rgb(87,114,195)
```
#c3a857
```
#c3a857 rgb(195,168,87)
```

Complementary Color

#57a8c3
```
#57a8c3 rgb(87,168,195)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#7257c3
```
#7257c3 rgb(114,87,195)
```

Analogous Color

#a8c357
```
#a8c357 rgb(168,195,87)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#c37257
```
#c37257 rgb(195,114,87)
```

Split Complementary Color

#72c357
```
#72c357 rgb(114,195,87)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#c35772
```
#c35772 rgb(195,87,114)
```

Triadic Color

#57c3a8
```
#57c3a8 rgb(87,195,168)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#c35772
```
#c35772 rgb(195,87,114)
```
#c3a857
```
#c3a857 rgb(195,168,87)
```

Tetradic Color

#364e97
```
#364e97 rgb(54,78,151)
```
#3d58aa
```
#3d58aa rgb(61,88,170)
```
#4462bc
```
#4462bc rgb(68,98,188)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#6a82ca
```
#6a82ca rgb(106,130,202)
```
#7d92d0
```
#7d92d0 rgb(125,146,208)
```
#8fa1d7
```
#8fa1d7 rgb(143,161,215)
```

Monochromatic Color

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

#578dc3
```
#578dc3 rgb(87,141,195)
```
#5784c3
```
#5784c3 rgb(87,132,195)
```
#577bc3
```
#577bc3 rgb(87,123,195)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#5769c3
```
#5769c3 rgb(87,105,195)
```
#5760c3
```
#5760c3 rgb(87,96,195)
```
#5757c3
```
#5757c3 rgb(87,87,195)
```

Similar Colors

Text with hexadecimal color #5772c3

This text has a font color of #5772c3.

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

#5772c3 background color

This paragraph has a background color of #5772c3.

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

#5772c3 border color

This element has a border color of #5772c3.

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

CSS codes

.text {color:#5772c3;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070a14
```
#070a14 rgb(7,10,20)
```
#0c1222
```
#0c1222 rgb(12,18,34)
```
#111931
```
#111931 rgb(17,25,49)
```
#17213f
```
#17213f rgb(23,33,63)
```
#1c284e
```
#1c284e rgb(28,40,78)
```
#21305c
```
#21305c rgb(33,48,92)
```
#26376b
```
#26376b rgb(38,55,107)
```
#2b3f79
```
#2b3f79 rgb(43,63,121)
```
#304688
```
#304688 rgb(48,70,136)
```
#364e96
```
#364e96 rgb(54,78,150)
```
#3b55a4
```
#3b55a4 rgb(59,85,164)
```
#405db3
```
#405db3 rgb(64,93,179)
```

Shade Color Variation

#4966be
```
#4966be rgb(73,102,190)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#657ec8
```
#657ec8 rgb(101,126,200)
```
#748acd
```
#748acd rgb(116,138,205)
```
#8296d2
```
#8296d2 rgb(130,150,210)
```
#91a3d8
```
#91a3d8 rgb(145,163,216)
```
#9fafdd
```
#9fafdd rgb(159,175,221)
```
#aebbe2
```
#aebbe2 rgb(174,187,226)
```
#bcc7e7
```
#bcc7e7 rgb(188,199,231)
```
#cbd3ec
```
#cbd3ec rgb(203,211,236)
```
#d9dff1
```
#d9dff1 rgb(217,223,241)
```
#e8ebf7
```
#e8ebf7 rgb(232,235,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#8c8c8e
```
#8c8c8e rgb(140,140,142)
```
#838897
```
#838897 rgb(131,136,151)
```
#7a84a0
```
#7a84a0 rgb(122,132,160)
```
#717fa9
```
#717fa9 rgb(113,127,169)
```
#697bb1
```
#697bb1 rgb(105,123,177)
```
#6076ba
```
#6076ba rgb(96,118,186)
```
#5772c3
```
#5772c3 rgb(87,114,195)
```
#4e6ecc
```
#4e6ecc rgb(78,110,204)
```
#4569d5
```
#4569d5 rgb(69,105,213)
```
#3d65dd
```
#3d65dd rgb(61,101,221)
```
#3460e6
```
#3460e6 rgb(52,96,230)
```
#2b5cef
```
#2b5cef rgb(43,92,239)
```
#2258f8
```
#2258f8 rgb(34,88,248)
```

Tone Color Variation

Below, you can see how #5772c3 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

#5a7ac6 Protanopia 1% of men
#497dc4 Deuteranopia 1% of men
#45858f Tritanopia 0.001% of the population

Trichromacy

#5877c5 Protanomaly 1% of men, 0.01% of women
#4e79c3 Deuteranomaly 6% of men, 0.4% of women
#4b7ea2 Tritanomaly 0.01% of the population

#5772c3 hex color

#5772c3 Color Information

#5772c3 Color Conversion

Color Schemes with #5772c3

Alternatives to #5772c3

#5772c3 Preview

Shades and Tints of #5772c3

Tones of #5772c3

Color Blindness Simulator