#5aa2b7 hex color

In a RGB color space, hex #5aa2b7 is composed of 35.3% red, 63.5% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 11.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 193.5 degrees, a saturation of 39.2% and a lightness of 53.5%. #5aa2b7 color hex could be obtained by blending #b4ffff with #00456f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 64
- B 72
RGB color chart
- C 51
- M 11
- Y 0
- K 28
CMYK color chart

● #5aa2b7 color description : Moderate cyan.

The hexadecimal color #5aa2b7 has RGB values of R:90, G:162, B:183 and CMYK values of C:0.51, M:0.11, Y:0, K:0.28. Its decimal value is 5939895.

Hex triplet	5aa2b7	`#5aa2b7`
RGB Decimal	90, 162, 183	`rgb(90,162,183)`
RGB Percent	35.3, 63.5, 71.8	`rgb(35.3%,63.5%,71.8%)`
CMYK	51, 11, 0, 28
HSL	193.5°, 39.2, 53.5	`hsl(193.5,39.2%,53.5%)`
HSV (or HSB)	193.5°, 50.8, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.87, -16.713, -17.812
XYZ	25.682, 31.432, 49.511
xyY	0.241, 0.295, 31.432
CIE-LCH	62.87, 24.425, 226.824
CIE-LUV	62.87, -31.665, -24.702
Hunter-Lab	56.064, -16.344, -13.115
Binary	01011010, 10100010, 10110111

#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#b76f5a
```
#b76f5a rgb(183,111,90)
```

Complementary Color

#5ab79e
```
#5ab79e rgb(90,183,158)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#5a74b7
```
#5a74b7 rgb(90,116,183)
```

Analogous Color

#b79e5a
```
#b79e5a rgb(183,158,90)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#b75a74
```
#b75a74 rgb(183,90,116)
```

Split Complementary Color

#a2b75a
```
#a2b75a rgb(162,183,90)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#b75aa2
```
#b75aa2 rgb(183,90,162)
```

Triadic Color

#5ab76f
```
#5ab76f rgb(90,183,111)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#b75aa2
```
#b75aa2 rgb(183,90,162)
```
#b76f5a
```
#b76f5a rgb(183,111,90)
```

Tetradic Color

#3c7789
```
#3c7789 rgb(60,119,137)
```
#43879b
```
#43879b rgb(67,135,155)
```
#4b96ac
```
#4b96ac rgb(75,150,172)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#6cacbf
```
#6cacbf rgb(108,172,191)
```
#7eb6c6
```
#7eb6c6 rgb(126,182,198)
```
#8fc0ce
```
#8fc0ce rgb(143,192,206)
```

Monochromatic Color

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

#5ab7b5
```
#5ab7b5 rgb(90,183,181)
```
#5ab2b7
```
#5ab2b7 rgb(90,178,183)
```
#5aaab7
```
#5aaab7 rgb(90,170,183)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#5a9ab7
```
#5a9ab7 rgb(90,154,183)
```
#5a93b7
```
#5a93b7 rgb(90,147,183)
```
#5a8bb7
```
#5a8bb7 rgb(90,139,183)
```

Similar Colors

Text with hexadecimal color #5aa2b7

This text has a font color of #5aa2b7.

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

#5aa2b7 background color

This paragraph has a background color of #5aa2b7.

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

#5aa2b7 border color

This element has a border color of #5aa2b7.

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

CSS codes

.text {color:#5aa2b7;}

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

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

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

#050b0d
```
#050b0d rgb(5,11,13)
```
#0b171a
```
#0b171a rgb(11,23,26)
```
#112328
```
#112328 rgb(17,35,40)
```
#172f36
```
#172f36 rgb(23,47,54)
```
#1d3b43
```
#1d3b43 rgb(29,59,67)
```
#234751
```
#234751 rgb(35,71,81)
```
#29525e
```
#29525e rgb(41,82,94)
```
#2f5e6c
```
#2f5e6c rgb(47,94,108)
```
#356a7a
```
#356a7a rgb(53,106,122)
```
#3b7687
```
#3b7687 rgb(59,118,135)
```
#418295
```
#418295 rgb(65,130,149)
```
#478ea3
```
#478ea3 rgb(71,142,163)
```
#4d9ab0
```
#4d9ab0 rgb(77,154,176)
```

Shade Color Variation

#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#68aabd
```
#68aabd rgb(104,170,189)
```
#75b1c3
```
#75b1c3 rgb(117,177,195)
```
#83b9c9
```
#83b9c9 rgb(131,185,201)
```
#91c1cf
```
#91c1cf rgb(145,193,207)
```
#9ec8d5
```
#9ec8d5 rgb(158,200,213)
```
#acd0db
```
#acd0db rgb(172,208,219)
```
#bad8e1
```
#bad8e1 rgb(186,216,225)
```
#c7e0e7
```
#c7e0e7 rgb(199,224,231)
```
#d5e7ed
```
#d5e7ed rgb(213,231,237)
```
#e3eff3
```
#e3eff3 rgb(227,239,243)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#888989
```
#888989 rgb(136,137,137)
```
#7e8e93
```
#7e8e93 rgb(126,142,147)
```
#75939c
```
#75939c rgb(117,147,156)
```
#6c98a5
```
#6c98a5 rgb(108,152,165)
```
#639dae
```
#639dae rgb(99,157,174)
```
#5aa2b7
```
#5aa2b7 rgb(90,162,183)
```
#51a7c0
```
#51a7c0 rgb(81,167,192)
```
#48acc9
```
#48acc9 rgb(72,172,201)
```
#3fb1d2
```
#3fb1d2 rgb(63,177,210)
```
#36b6db
```
#36b6db rgb(54,182,219)
```
#2cbbe5
```
#2cbbe5 rgb(44,187,229)
```
#23c0ee
```
#23c0ee rgb(35,192,238)
```
#1ac5f7
```
#1ac5f7 rgb(26,197,247)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#849397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989cb4 Protanopia 1% of men
#999abf Deuteranopia 1% of men
#5fa7b4 Tritanopia 0.001% of the population

Trichromacy

#819eb5 Protanomaly 1% of men, 0.01% of women
#829dbc Deuteranomaly 6% of men, 0.4% of women
#5da5b5 Tritanomaly 0.01% of the population

#5aa2b7 hex color

#5aa2b7 Color Information

#5aa2b7 Color Conversion

Color Schemes with #5aa2b7

Alternatives to #5aa2b7

#5aa2b7 Preview

Shades and Tints of #5aa2b7

Tones of #5aa2b7

Color Blindness Simulator