#5772e6 hex color

In a RGB color space, hex #5772e6 is composed of 34.1% red, 44.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 50.4% magenta, 0% yellow and 9.8% black. It has a hue angle of 228.7 degrees, a saturation of 74.1% and a lightness of 62.2%. #5772e6 color hex could be obtained by blending #aee4ff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 45
- B 90
RGB color chart
- C 62
- M 50
- Y 0
- K 10
CMYK color chart

● #5772e6 color description : Soft blue.

The hexadecimal color #5772e6 has RGB values of R:87, G:114, B:230 and CMYK values of C:0.62, M:0.5, Y:0, K:0.1. Its decimal value is 5731046.

Hex triplet	5772e6	`#5772e6`
RGB Decimal	87, 114, 230	`rgb(87,114,230)`
RGB Percent	34.1, 44.7, 90.2	`rgb(34.1%,44.7%,90.2%)`
CMYK	62, 50, 0, 10
HSL	228.7°, 74.1, 62.2	`hsl(228.7,74.1%,62.2%)`
HSV (or HSB)	228.7°, 62.2, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.579, 25.736, -61.977
XYZ	24.228, 19.773, 77.398
xyY	0.2, 0.163, 19.773
CIE-LCH	51.579, 67.108, 292.551
CIE-LUV	51.579, -15.153, -98.263
Hunter-Lab	44.467, 19.44, -72.073
Binary	01010111, 01110010, 11100110

#5772e6
```
#5772e6 rgb(87,114,230)
```
#e6cb57
```
#e6cb57 rgb(230,203,87)
```

Complementary Color

#57bae6
```
#57bae6 rgb(87,186,230)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#8457e6
```
#8457e6 rgb(132,87,230)
```

Analogous Color

#bae657
```
#bae657 rgb(186,230,87)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#e68457
```
#e68457 rgb(230,132,87)
```

Split Complementary Color

#72e657
```
#72e657 rgb(114,230,87)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#e65772
```
#e65772 rgb(230,87,114)
```

Triadic Color

#57e6cb
```
#57e6cb rgb(87,230,203)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#e65772
```
#e65772 rgb(230,87,114)
```
#e6cb57
```
#e6cb57 rgb(230,203,87)
```

Tetradic Color

#1f41d1
```
#1f41d1 rgb(31,65,209)
```
#2b4ddf
```
#2b4ddf rgb(43,77,223)
```
#415fe3
```
#415fe3 rgb(65,95,227)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#6d85e9
```
#6d85e9 rgb(109,133,233)
```
#8397ed
```
#8397ed rgb(131,151,237)
```
#9aaaf0
```
#9aaaf0 rgb(154,170,240)
```

Monochromatic Color

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

#5796e6
```
#5796e6 rgb(87,150,230)
```
#578ae6
```
#578ae6 rgb(87,138,230)
```
#577ee6
```
#577ee6 rgb(87,126,230)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#5766e6
```
#5766e6 rgb(87,102,230)
```
#575ae6
```
#575ae6 rgb(87,90,230)
```
#6057e6
```
#6057e6 rgb(96,87,230)
```

Similar Colors

Text with hexadecimal color #5772e6

This text has a font color of #5772e6.

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

#5772e6 background color

This paragraph has a background color of #5772e6.

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

#5772e6 border color

This element has a border color of #5772e6.

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

CSS codes

.text {color:#5772e6;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030614
```
#030614 rgb(3,6,20)
```
#050b25
```
#050b25 rgb(5,11,37)
```
#081136
```
#081136 rgb(8,17,54)
```
#0b1647
```
#0b1647 rgb(11,22,71)
```
#0d1b58
```
#0d1b58 rgb(13,27,88)
```
#102169
```
#102169 rgb(16,33,105)
```
#12267a
```
#12267a rgb(18,38,122)
```
#152b8b
```
#152b8b rgb(21,43,139)
```
#17309c
```
#17309c rgb(23,48,156)
```
#1a36ad
```
#1a36ad rgb(26,54,173)
```
#1c3bbf
```
#1c3bbf rgb(28,59,191)
```
#1f40d0
```
#1f40d0 rgb(31,64,208)
```

Shade Color Variation

#2447de
```
#2447de rgb(36,71,222)
```
#3555e1
```
#3555e1 rgb(53,85,225)
```
#4664e3
```
#4664e3 rgb(70,100,227)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#6880e9
```
#6880e9 rgb(104,128,233)
```
#798feb
```
#798feb rgb(121,143,235)
```
#8a9dee
```
#8a9dee rgb(138,157,238)
```
#9babf0
```
#9babf0 rgb(155,171,240)
```
#acbaf3
```
#acbaf3 rgb(172,186,243)
```
#bdc8f5
```
#bdc8f5 rgb(189,200,245)
```
#cfd6f8
```
#cfd6f8 rgb(207,214,248)
```
#e0e5fa
```
#e0e5fa rgb(224,229,250)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9ca3 is the less saturated color, while #4164fc is the most saturated one.

#9a9ca3
```
#9a9ca3 rgb(154,156,163)
```
#9297ab
```
#9297ab rgb(146,151,171)
```
#8b92b2
```
#8b92b2 rgb(139,146,178)
```
#848eb9
```
#848eb9 rgb(132,142,185)
```
#7c89c1
```
#7c89c1 rgb(124,137,193)
```
#7584c8
```
#7584c8 rgb(117,132,200)
```
#6d80d0
```
#6d80d0 rgb(109,128,208)
```
#667bd7
```
#667bd7 rgb(102,123,215)
```
#5e77df
```
#5e77df rgb(94,119,223)
```
#5772e6
```
#5772e6 rgb(87,114,230)
```
#506ded
```
#506ded rgb(80,109,237)
```
#4869f5
```
#4869f5 rgb(72,105,245)
```
#4164fc
```
#4164fc rgb(65,100,252)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#71768d Atypical Achromatopsia 0.001% of the population

Dichromacy

#397eeb Protanopia 1% of men
#0084da Deuteranopia 1% of men
#208d98 Tritanopia 0.001% of the population

Trichromacy

#4479e9 Protanomaly 1% of men, 0.01% of women
#1f7dde Deuteranomaly 6% of men, 0.4% of women
#3483b4 Tritanomaly 0.01% of the population

#5772e6 hex color

#5772e6 Color Information

#5772e6 Color Conversion

Color Schemes with #5772e6

Alternatives to #5772e6

#5772e6 Preview

Shades and Tints of #5772e6

Tones of #5772e6

Color Blindness Simulator