#5aaecc hex color

In a RGB color space, hex #5aaecc is composed of 35.3% red, 68.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 14.7% magenta, 0% yellow and 20% black. It has a hue angle of 195.8 degrees, a saturation of 52.8% and a lightness of 57.6%. #5aaecc color hex could be obtained by blending #b4ffff with #005d99. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 68
- B 80
RGB color chart
- C 56
- M 15
- Y 0
- K 20
CMYK color chart

● #5aaecc color description : Moderate blue.

The hexadecimal color #5aaecc has RGB values of R:90, G:174, B:204 and CMYK values of C:0.56, M:0.15, Y:0, K:0.2. Its decimal value is 5942988.

Hex triplet	5aaecc	`#5aaecc`
RGB Decimal	90, 174, 204	`rgb(90,174,204)`
RGB Percent	35.3, 68.2, 80	`rgb(35.3%,68.2%,80%)`
CMYK	56, 15, 0, 20
HSL	195.8°, 52.8, 57.6	`hsl(195.8,52.8%,57.6%)`
HSV (or HSB)	195.8°, 55.9, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.129, -16.945, -23.007
XYZ	30.249, 36.803, 62.633
xyY	0.233, 0.284, 36.803
CIE-LCH	67.129, 28.573, 233.628
CIE-LUV	67.129, -35.556, -33.405
Hunter-Lab	60.666, -17.163, -18.747
Binary	01011010, 10101110, 11001100

#5aaecc
```
#5aaecc rgb(90,174,204)
```
#cc785a
```
#cc785a rgb(204,120,90)
```

Complementary Color

#5accb1
```
#5accb1 rgb(90,204,177)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#5a75cc
```
#5a75cc rgb(90,117,204)
```

Analogous Color

#ccb15a
```
#ccb15a rgb(204,177,90)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#cc5a75
```
#cc5a75 rgb(204,90,117)
```

Split Complementary Color

#aecc5a
```
#aecc5a rgb(174,204,90)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#cc5aae
```
#cc5aae rgb(204,90,174)
```

Triadic Color

#5acc78
```
#5acc78 rgb(90,204,120)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#cc5aae
```
#cc5aae rgb(204,90,174)
```
#cc785a
```
#cc785a rgb(204,120,90)
```

Tetradic Color

#3388a6
```
#3388a6 rgb(51,136,166)
```
#3998ba
```
#3998ba rgb(57,152,186)
```
#47a4c6
```
#47a4c6 rgb(71,164,198)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#6db8d2
```
#6db8d2 rgb(109,184,210)
```
#81c1d8
```
#81c1d8 rgb(129,193,216)
```
#94cbde
```
#94cbde rgb(148,203,222)
```

Monochromatic Color

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

#5acbcc
```
#5acbcc rgb(90,203,204)
```
#5ac1cc
```
#5ac1cc rgb(90,193,204)
```
#5ab8cc
```
#5ab8cc rgb(90,184,204)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#5aa5cc
```
#5aa5cc rgb(90,165,204)
```
#5a9bcc
```
#5a9bcc rgb(90,155,204)
```
#5a92cc
```
#5a92cc rgb(90,146,204)
```

Similar Colors

Text with hexadecimal color #5aaecc

This text has a font color of #5aaecc.

<span style="color:#5aaecc;">Text here</span>

#5aaecc background color

This paragraph has a background color of #5aaecc.

<p style="background-color:#5aaecc;">Content here</p>

#5aaecc border color

This element has a border color of #5aaecc.

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

CSS codes

.text {color:#5aaecc;}

.background {background-color:#5aaecc;}

.border {border:1px solid #5aaecc;}

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, #050c0f is the darkest color, while #ffffff is the lightest one.

#050c0f
```
#050c0f rgb(5,12,15)
```
#09181e
```
#09181e rgb(9,24,30)
```
#0e252d
```
#0e252d rgb(14,37,45)
```
#12313c
```
#12313c rgb(18,49,60)
```
#173d4b
```
#173d4b rgb(23,61,75)
```
#1c495a
```
#1c495a rgb(28,73,90)
```
#205669
```
#205669 rgb(32,86,105)
```
#256278
```
#256278 rgb(37,98,120)
```
#2a6e87
```
#2a6e87 rgb(42,110,135)
```
#2e7a96
```
#2e7a96 rgb(46,122,150)
```
#3387a5
```
#3387a5 rgb(51,135,165)
```
#3893b4
```
#3893b4 rgb(56,147,180)
```
#3c9fc3
```
#3c9fc3 rgb(60,159,195)
```

Shade Color Variation

#4ba7c7
```
#4ba7c7 rgb(75,167,199)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#69b5d1
```
#69b5d1 rgb(105,181,209)
```
#78bdd5
```
#78bdd5 rgb(120,189,213)
```
#87c4da
```
#87c4da rgb(135,196,218)
```
#96cbdf
```
#96cbdf rgb(150,203,223)
```
#a5d3e3
```
#a5d3e3 rgb(165,211,227)
```
#b4dae8
```
#b4dae8 rgb(180,218,232)
```
#c3e1ec
```
#c3e1ec rgb(195,225,236)
```
#d2e9f1
```
#d2e9f1 rgb(210,233,241)
```
#e1f0f6
```
#e1f0f6 rgb(225,240,246)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c969a
```
#8c969a rgb(140,150,154)
```
#849aa2
```
#849aa2 rgb(132,154,162)
```
#7b9eab
```
#7b9eab rgb(123,158,171)
```
#73a2b3
```
#73a2b3 rgb(115,162,179)
```
#6ba6bb
```
#6ba6bb rgb(107,166,187)
```
#62aac4
```
#62aac4 rgb(98,170,196)
```
#5aaecc
```
#5aaecc rgb(90,174,204)
```
#52b2d4
```
#52b2d4 rgb(82,178,212)
```
#49b6dd
```
#49b6dd rgb(73,182,221)
```
#41bae5
```
#41bae5 rgb(65,186,229)
```
#39beed
```
#39beed rgb(57,190,237)
```
#30c2f6
```
#30c2f6 rgb(48,194,246)
```
#28c6fe
```
#28c6fe rgb(40,198,254)
```

Tone Color Variation

Below, you can see how #5aaecc 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

#989898 Achromatopsia 0.005% of the population
#8c9ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a6c7 Protanopia 1% of men
#9fa5d3 Deuteranopia 1% of men
#5cb4c1 Tritanopia 0.001% of the population

Trichromacy

#86a9c9 Protanomaly 1% of men, 0.01% of women
#86a8d0 Deuteranomaly 6% of men, 0.4% of women
#5bb2c5 Tritanomaly 0.01% of the population

#5aaecc hex color

#5aaecc Color Information

#5aaecc Color Conversion

Color Schemes with #5aaecc

Alternatives to #5aaecc

#5aaecc Preview

Shades and Tints of #5aaecc

Tones of #5aaecc

Color Blindness Simulator