#5772b0 hex color

In a RGB color space, hex #5772b0 is composed of 34.1% red, 44.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 35.2% magenta, 0% yellow and 31% black. It has a hue angle of 221.8 degrees, a saturation of 36% and a lightness of 51.6%. #5772b0 color hex could be obtained by blending #aee4ff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 45
- B 69
RGB color chart
- C 51
- M 35
- Y 0
- K 31
CMYK color chart

● #5772b0 color description : Dark moderate blue.

The hexadecimal color #5772b0 has RGB values of R:87, G:114, B:176 and CMYK values of C:0.51, M:0.35, Y:0, K:0.31. Its decimal value is 5730992.

Hex triplet	5772b0	`#5772b0`
RGB Decimal	87, 114, 176	`rgb(87,114,176)`
RGB Percent	34.1, 44.7, 69	`rgb(34.1%,44.7%,69%)`
CMYK	51, 35, 0, 31
HSL	221.8°, 36, 51.6	`hsl(221.8,36%,51.6%)`
HSV (or HSB)	221.8°, 50.6, 69
Web Safe	666699	`#666699`

CIE-LAB	48.504, 7.935, -36.035
XYZ	17.783, 17.195, 43.454
xyY	0.227, 0.219, 17.195
CIE-LCH	48.504, 36.898, 282.419
CIE-LUV	48.504, -14.294, -55.006
Hunter-Lab	41.466, 3.982, -33.105
Binary	01010111, 01110010, 10110000

#5772b0
```
#5772b0 rgb(87,114,176)
```
#b09557
```
#b09557 rgb(176,149,87)
```

Complementary Color

#579fb0
```
#579fb0 rgb(87,159,176)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#6957b0
```
#6957b0 rgb(105,87,176)
```

Analogous Color

#9fb057
```
#9fb057 rgb(159,176,87)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#b06957
```
#b06957 rgb(176,105,87)
```

Split Complementary Color

#72b057
```
#72b057 rgb(114,176,87)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#b05772
```
#b05772 rgb(176,87,114)
```

Triadic Color

#57b095
```
#57b095 rgb(87,176,149)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#b05772
```
#b05772 rgb(176,87,114)
```
#b09557
```
#b09557 rgb(176,149,87)
```

Tetradic Color

#3c507f
```
#3c507f rgb(60,80,127)
```
#445b90
```
#445b90 rgb(68,91,144)
```
#4c66a2
```
#4c66a2 rgb(76,102,162)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#6881b8
```
#6881b8 rgb(104,129,184)
```
#7a8fc0
```
#7a8fc0 rgb(122,143,192)
```
#8b9ec8
```
#8b9ec8 rgb(139,158,200)
```

Monochromatic Color

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

#5788b0
```
#5788b0 rgb(87,136,176)
```
#5781b0
```
#5781b0 rgb(87,129,176)
```
#5779b0
```
#5779b0 rgb(87,121,176)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#576bb0
```
#576bb0 rgb(87,107,176)
```
#5763b0
```
#5763b0 rgb(87,99,176)
```
#575cb0
```
#575cb0 rgb(87,92,176)
```

Similar Colors

Text with hexadecimal color #5772b0

This text has a font color of #5772b0.

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

#5772b0 background color

This paragraph has a background color of #5772b0.

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

#5772b0 border color

This element has a border color of #5772b0.

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

CSS codes

.text {color:#5772b0;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#090c13
```
#090c13 rgb(9,12,19)
```
#0f1420
```
#0f1420 rgb(15,20,32)
```
#151d2d
```
#151d2d rgb(21,29,45)
```
#1c253b
```
#1c253b rgb(28,37,59)
```
#222e48
```
#222e48 rgb(34,46,72)
```
#283655
```
#283655 rgb(40,54,85)
```
#2e3e63
```
#2e3e63 rgb(46,62,99)
```
#354770
```
#354770 rgb(53,71,112)
```
#3b4f7e
```
#3b4f7e rgb(59,79,126)
```
#41588b
```
#41588b rgb(65,88,139)
```
#486098
```
#486098 rgb(72,96,152)
```
#4e68a6
```
#4e68a6 rgb(78,104,166)
```

Shade Color Variation

#5772b0
```
#5772b0 rgb(87,114,176)
```
#647db6
```
#647db6 rgb(100,125,182)
```
#7288bd
```
#7288bd rgb(114,136,189)
```
#7f94c3
```
#7f94c3 rgb(127,148,195)
```
#8c9fc9
```
#8c9fc9 rgb(140,159,201)
```
#9aaacf
```
#9aaacf rgb(154,170,207)
```
#a7b5d6
```
#a7b5d6 rgb(167,181,214)
```
#b4c0dc
```
#b4c0dc rgb(180,192,220)
```
#c2cce2
```
#c2cce2 rgb(194,204,226)
```
#cfd7e8
```
#cfd7e8 rgb(207,215,232)
```
#dce2ef
```
#dce2ef rgb(220,226,239)
```
#eaedf5
```
#eaedf5 rgb(234,237,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d818a is the less saturated color, while #0b54fc is the most saturated one.

#7d818a
```
#7d818a rgb(125,129,138)
```
#747d94
```
#747d94 rgb(116,125,148)
```
#6a799d
```
#6a799d rgb(106,121,157)
```
#6176a7
```
#6176a7 rgb(97,118,167)
```
#5772b0
```
#5772b0 rgb(87,114,176)
```
#4e6eba
```
#4e6eba rgb(78,110,186)
```
#446bc3
```
#446bc3 rgb(68,107,195)
```
#3b67cd
```
#3b67cd rgb(59,103,205)
```
#3163d6
```
#3163d6 rgb(49,99,214)
```
#285fe0
```
#285fe0 rgb(40,95,224)
```
#1e5ce9
```
#1e5ce9 rgb(30,92,233)
```
#1558f3
```
#1558f3 rgb(21,88,243)
```
#0b54fc
```
#0b54fc rgb(11,84,252)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6c717e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6378b3 Protanopia 1% of men
#5b7ab3 Deuteranopia 1% of men
#4f828b Tritanopia 0.001% of the population

Trichromacy

#5f76b2 Protanomaly 1% of men, 0.01% of women
#5a77b2 Deuteranomaly 6% of men, 0.4% of women
#527c98 Tritanomaly 0.01% of the population

#5772b0 hex color

#5772b0 Color Information

#5772b0 Color Conversion

Color Schemes with #5772b0

Alternatives to #5772b0

#5772b0 Preview

Shades and Tints of #5772b0

Tones of #5772b0

Color Blindness Simulator