#5aabb9 hex color

In a RGB color space, hex #5aabb9 is composed of 35.3% red, 67.1% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 7.6% magenta, 0% yellow and 27.5% black. It has a hue angle of 188.8 degrees, a saturation of 40.4% and a lightness of 53.9%. #5aabb9 color hex could be obtained by blending #b4ffff with #005773. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 67
- B 73
RGB color chart
- C 51
- M 8
- Y 0
- K 27
CMYK color chart

● #5aabb9 color description : Moderate cyan.

The hexadecimal color #5aabb9 has RGB values of R:90, G:171, B:185 and CMYK values of C:0.51, M:0.08, Y:0, K:0.27. Its decimal value is 5942201.

Hex triplet	5aabb9	`#5aabb9`
RGB Decimal	90, 171, 185	`rgb(90,171,185)`
RGB Percent	35.3, 67.1, 72.5	`rgb(35.3%,67.1%,72.5%)`
CMYK	51, 8, 0, 27
HSL	188.8°, 40.4, 53.9	`hsl(188.8,40.4%,53.9%)`
HSV (or HSB)	188.8°, 51.4, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.593, -20.857, -14.809
XYZ	27.534, 34.8, 51.162
xyY	0.243, 0.307, 34.8
CIE-LCH	65.593, 25.58, 215.376
CIE-LUV	65.593, -35.115, -19.467
Hunter-Lab	58.992, -19.922, -10.127
Binary	01011010, 10101011, 10111001

#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#b9685a
```
#b9685a rgb(185,104,90)
```

Complementary Color

#5ab998
```
#5ab998 rgb(90,185,152)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#5a7cb9
```
#5a7cb9 rgb(90,124,185)
```

Analogous Color

#b9985a
```
#b9985a rgb(185,152,90)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#b95a7c
```
#b95a7c rgb(185,90,124)
```

Split Complementary Color

#abb95a
```
#abb95a rgb(171,185,90)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#b95aab
```
#b95aab rgb(185,90,171)
```

Triadic Color

#5ab968
```
#5ab968 rgb(90,185,104)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#b95aab
```
#b95aab rgb(185,90,171)
```
#b9685a
```
#b9685a rgb(185,104,90)
```

Tetradic Color

#3b808b
```
#3b808b rgb(59,128,139)
```
#43909d
```
#43909d rgb(67,144,157)
```
#4aa0af
```
#4aa0af rgb(74,160,175)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#6cb4c1
```
#6cb4c1 rgb(108,180,193)
```
#7ebdc8
```
#7ebdc8 rgb(126,189,200)
```
#90c6d0
```
#90c6d0 rgb(144,198,208)
```

Monochromatic Color

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

#5ab9af
```
#5ab9af rgb(90,185,175)
```
#5ab9b7
```
#5ab9b7 rgb(90,185,183)
```
#5ab3b9
```
#5ab3b9 rgb(90,179,185)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#5aa3b9
```
#5aa3b9 rgb(90,163,185)
```
#5a9bb9
```
#5a9bb9 rgb(90,155,185)
```
#5a93b9
```
#5a93b9 rgb(90,147,185)
```

Similar Colors

Text with hexadecimal color #5aabb9

This text has a font color of #5aabb9.

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

#5aabb9 background color

This paragraph has a background color of #5aabb9.

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

#5aabb9 border color

This element has a border color of #5aabb9.

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

CSS codes

.text {color:#5aabb9;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060d0e
```
#060d0e rgb(6,13,14)
```
#0c191c
```
#0c191c rgb(12,25,28)
```
#12262a
```
#12262a rgb(18,38,42)
```
#173337
```
#173337 rgb(23,51,55)
```
#1d3f45
```
#1d3f45 rgb(29,63,69)
```
#234c53
```
#234c53 rgb(35,76,83)
```
#295861
```
#295861 rgb(41,88,97)
```
#2f656e
```
#2f656e rgb(47,101,110)
```
#35727c
```
#35727c rgb(53,114,124)
```
#3b7e8a
```
#3b7e8a rgb(59,126,138)
```
#408b98
```
#408b98 rgb(64,139,152)
```
#4697a6
```
#4697a6 rgb(70,151,166)
```

Shade Color Variation

#4ca4b3
```
#4ca4b3 rgb(76,164,179)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#68b2bf
```
#68b2bf rgb(104,178,191)
```
#76b9c5
```
#76b9c5 rgb(118,185,197)
```
#83c0cb
```
#83c0cb rgb(131,192,203)
```
#91c7d0
```
#91c7d0 rgb(145,199,208)
```
#9fced6
```
#9fced6 rgb(159,206,214)
```
#add5dc
```
#add5dc rgb(173,213,220)
```
#badce2
```
#badce2 rgb(186,220,226)
```
#c8e3e8
```
#c8e3e8 rgb(200,227,232)
```
#d6eaee
```
#d6eaee rgb(214,234,238)
```
#e4f1f3
```
#e4f1f3 rgb(228,241,243)
```
#f1f8f9
```
#f1f8f9 rgb(241,248,249)
```

Tint Color Variation

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

#878b8c
```
#878b8c rgb(135,139,140)
```
#7e9295
```
#7e9295 rgb(126,146,149)
```
#75989e
```
#75989e rgb(117,152,158)
```
#6c9ea7
```
#6c9ea7 rgb(108,158,167)
```
#63a5b0
```
#63a5b0 rgb(99,165,176)
```
#5aabb9
```
#5aabb9 rgb(90,171,185)
```
#51b1c2
```
#51b1c2 rgb(81,177,194)
```
#48b8cb
```
#48b8cb rgb(72,184,203)
```
#3fbed4
```
#3fbed4 rgb(63,190,212)
```
#36c4dd
```
#36c4dd rgb(54,196,221)
```
#2dcbe6
```
#2dcbe6 rgb(45,203,230)
```
#24d1ef
```
#24d1ef rgb(36,209,239)
```
#1bd8f8
```
#1bd8f8 rgb(27,216,248)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#88999b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a3b5 Protanopia 1% of men
#a4a0c1 Deuteranopia 1% of men
#62afbc Tritanopia 0.001% of the population

Trichromacy

#87a6b6 Protanomaly 1% of men, 0.01% of women
#89a4be Deuteranomaly 6% of men, 0.4% of women
#5fadbb Tritanomaly 0.01% of the population

#5aabb9 hex color

#5aabb9 Color Information

#5aabb9 Color Conversion

Color Schemes with #5aabb9

Alternatives to #5aabb9

#5aabb9 Preview

Shades and Tints of #5aabb9

Tones of #5aabb9

Color Blindness Simulator