#5aa2c2 hex color

In a RGB color space, hex #5aa2c2 is composed of 35.3% red, 63.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 16.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 198.5 degrees, a saturation of 46% and a lightness of 55.7%. #5aa2c2 color hex could be obtained by blending #b4ffff with #004585. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 64
- B 76
RGB color chart
- C 54
- M 16
- Y 0
- K 24
CMYK color chart

● #5aa2c2 color description : Moderate blue.

The hexadecimal color #5aa2c2 has RGB values of R:90, G:162, B:194 and CMYK values of C:0.54, M:0.16, Y:0, K:0.24. Its decimal value is 5939906.

Hex triplet	5aa2c2	`#5aa2c2`
RGB Decimal	90, 162, 194	`rgb(90,162,194)`
RGB Percent	35.3, 63.5, 76.1	`rgb(35.3%,63.5%,76.1%)`
CMYK	54, 16, 0, 24
HSL	198.5°, 46, 55.7	`hsl(198.5,46%,55.7%)`
HSV (or HSB)	198.5°, 53.6, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.266, -13.502, -23.363
XYZ	26.872, 31.908, 55.779
xyY	0.235, 0.279, 31.908
CIE-LCH	63.266, 26.984, 239.975
CIE-LUV	63.266, -31.322, -34.152
Hunter-Lab	56.487, -13.936, -19.006
Binary	01011010, 10100010, 11000010

#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#c27a5a
```
#c27a5a rgb(194,122,90)
```

Complementary Color

#5ac2ae
```
#5ac2ae rgb(90,194,174)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#5a6ec2
```
#5a6ec2 rgb(90,110,194)
```

Analogous Color

#c2ae5a
```
#c2ae5a rgb(194,174,90)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#c25a6e
```
#c25a6e rgb(194,90,110)
```

Split Complementary Color

#a2c25a
```
#a2c25a rgb(162,194,90)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#c25aa2
```
#c25aa2 rgb(194,90,162)
```

Triadic Color

#5ac27a
```
#5ac27a rgb(90,194,122)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#c25aa2
```
#c25aa2 rgb(194,90,162)
```
#c27a5a
```
#c27a5a rgb(194,122,90)
```

Tetradic Color

#387a97
```
#387a97 rgb(56,122,151)
```
#3f89aa
```
#3f89aa rgb(63,137,170)
```
#4798bb
```
#4798bb rgb(71,152,187)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#6dacc9
```
#6dacc9 rgb(109,172,201)
```
#7fb7d0
```
#7fb7d0 rgb(127,183,208)
```
#92c1d7
```
#92c1d7 rgb(146,193,215)
```

Monochromatic Color

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

#5abcc2
```
#5abcc2 rgb(90,188,194)
```
#5ab3c2
```
#5ab3c2 rgb(90,179,194)
```
#5aabc2
```
#5aabc2 rgb(90,171,194)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#5a99c2
```
#5a99c2 rgb(90,153,194)
```
#5a91c2
```
#5a91c2 rgb(90,145,194)
```
#5a88c2
```
#5a88c2 rgb(90,136,194)
```

Similar Colors

Text with hexadecimal color #5aa2c2

This text has a font color of #5aa2c2.

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

#5aa2c2 background color

This paragraph has a background color of #5aa2c2.

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

#5aa2c2 border color

This element has a border color of #5aa2c2.

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

CSS codes

.text {color:#5aa2c2;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#081115
```
#081115 rgb(8,17,21)
```
#0d1d23
```
#0d1d23 rgb(13,29,35)
```
#122832
```
#122832 rgb(18,40,50)
```
#183440
```
#183440 rgb(24,52,64)
```
#1d3f4e
```
#1d3f4e rgb(29,63,78)
```
#224b5d
```
#224b5d rgb(34,75,93)
```
#28566b
```
#28566b rgb(40,86,107)
```
#2d6279
```
#2d6279 rgb(45,98,121)
```
#326d88
```
#326d88 rgb(50,109,136)
```
#377996
```
#377996 rgb(55,121,150)
```
#3d85a4
```
#3d85a4 rgb(61,133,164)
```
#4290b3
```
#4290b3 rgb(66,144,179)
```

Shade Color Variation

#4c9abd
```
#4c9abd rgb(76,154,189)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#68aac7
```
#68aac7 rgb(104,170,199)
```
#77b2cd
```
#77b2cd rgb(119,178,205)
```
#85bad2
```
#85bad2 rgb(133,186,210)
```
#93c2d7
```
#93c2d7 rgb(147,194,215)
```
#a2cadc
```
#a2cadc rgb(162,202,220)
```
#b0d2e2
```
#b0d2e2 rgb(176,210,226)
```
#bedbe7
```
#bedbe7 rgb(190,219,231)
```
#cde3ec
```
#cde3ec rgb(205,227,236)
```
#dbebf2
```
#dbebf2 rgb(219,235,242)
```
#e9f3f7
```
#e9f3f7 rgb(233,243,247)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #859197 is the less saturated color, while #1db9ff is the most saturated one.

#859197
```
#859197 rgb(133,145,151)
```
#7d959f
```
#7d959f rgb(125,149,159)
```
#7498a8
```
#7498a8 rgb(116,152,168)
```
#6b9bb1
```
#6b9bb1 rgb(107,155,177)
```
#639fb9
```
#639fb9 rgb(99,159,185)
```
#5aa2c2
```
#5aa2c2 rgb(90,162,194)
```
#51a5cb
```
#51a5cb rgb(81,165,203)
```
#49a9d3
```
#49a9d3 rgb(73,169,211)
```
#40acdc
```
#40acdc rgb(64,172,220)
```
#37afe5
```
#37afe5 rgb(55,175,229)
```
#2fb3ed
```
#2fb3ed rgb(47,179,237)
```
#26b6f6
```
#26b6f6 rgb(38,182,246)
```
#1db9ff
```
#1db9ff rgb(29,185,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#85949a Atypical Achromatopsia 0.001% of the population

Dichromacy

#969dbe Protanopia 1% of men
#949bc9 Deuteranopia 1% of men
#5ba9b5 Tritanopia 0.001% of the population

Trichromacy

#809ec0 Protanomaly 1% of men, 0.01% of women
#7f9ec6 Deuteranomaly 6% of men, 0.4% of women
#5ba6ba Tritanomaly 0.01% of the population

#5aa2c2 hex color

#5aa2c2 Color Information

#5aa2c2 Color Conversion

Color Schemes with #5aa2c2

Alternatives to #5aa2c2

#5aa2c2 Preview

Shades and Tints of #5aa2c2

Tones of #5aa2c2

Color Blindness Simulator