#5aabb1 hex color

In a RGB color space, hex #5aabb1 is composed of 35.3% red, 67.1% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 3.4% magenta, 0% yellow and 30.6% black. It has a hue angle of 184.1 degrees, a saturation of 35.8% and a lightness of 52.4%. #5aabb1 color hex could be obtained by blending #b4ffff with #005763. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 67
- B 69
RGB color chart
- C 49
- M 3
- Y 0
- K 31
CMYK color chart

● #5aabb1 color description : Dark moderate cyan.

The hexadecimal color #5aabb1 has RGB values of R:90, G:171, B:177 and CMYK values of C:0.49, M:0.03, Y:0, K:0.31. Its decimal value is 5942193.

Hex triplet	5aabb1	`#5aabb1`
RGB Decimal	90, 171, 177	`rgb(90,171,177)`
RGB Percent	35.3, 67.1, 69.4	`rgb(35.3%,67.1%,69.4%)`
CMYK	49, 3, 0, 31
HSL	184.1°, 35.8, 52.4	`hsl(184.1,35.8%,52.4%)`
HSV (or HSB)	184.1°, 49.2, 69.4
Web Safe	669999	`#669999`

CIE-LAB	65.336, -23.069, -10.744
XYZ	26.713, 34.472, 46.839
xyY	0.247, 0.319, 34.472
CIE-LCH	65.336, 25.448, 204.972
CIE-LUV	65.336, -35.413, -12.708
Hunter-Lab	58.713, -21.534, -6.2
Binary	01011010, 10101011, 10110001

#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#b1605a
```
#b1605a rgb(177,96,90)
```

Complementary Color

#5ab18c
```
#5ab18c rgb(90,177,140)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#5a80b1
```
#5a80b1 rgb(90,128,177)
```

Analogous Color

#b18c5a
```
#b18c5a rgb(177,140,90)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#b15a80
```
#b15a80 rgb(177,90,128)
```

Split Complementary Color

#abb15a
```
#abb15a rgb(171,177,90)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#b15aab
```
#b15aab rgb(177,90,171)
```

Triadic Color

#5ab160
```
#5ab160 rgb(90,177,96)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#b15aab
```
#b15aab rgb(177,90,171)
```
#b1605a
```
#b1605a rgb(177,96,90)
```

Tetradic Color

#3d7d81
```
#3d7d81 rgb(61,125,129)
```
#458d93
```
#458d93 rgb(69,141,147)
```
#4e9ea4
```
#4e9ea4 rgb(78,158,164)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#6bb4b9
```
#6bb4b9 rgb(107,180,185)
```
#7dbdc1
```
#7dbdc1 rgb(125,189,193)
```
#8ec5ca
```
#8ec5ca rgb(142,197,202)
```

Monochromatic Color

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

#5ab1a1
```
#5ab1a1 rgb(90,177,161)
```
#5ab1a9
```
#5ab1a9 rgb(90,177,169)
```
#5ab1b0
```
#5ab1b0 rgb(90,177,176)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#5aa4b1
```
#5aa4b1 rgb(90,164,177)
```
#5a9db1
```
#5a9db1 rgb(90,157,177)
```
#5a95b1
```
#5a95b1 rgb(90,149,177)
```

Similar Colors

Text with hexadecimal color #5aabb1

This text has a font color of #5aabb1.

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

#5aabb1 background color

This paragraph has a background color of #5aabb1.

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

#5aabb1 border color

This element has a border color of #5aabb1.

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

CSS codes

.text {color:#5aabb1;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1515
```
#0a1515 rgb(10,21,21)
```
#102223
```
#102223 rgb(16,34,35)
```
#172e30
```
#172e30 rgb(23,46,48)
```
#1d3b3d
```
#1d3b3d rgb(29,59,61)
```
#23484b
```
#23484b rgb(35,72,75)
```
#2a5558
```
#2a5558 rgb(42,85,88)
```
#306265
```
#306265 rgb(48,98,101)
```
#366f73
```
#366f73 rgb(54,111,115)
```
#3d7b80
```
#3d7b80 rgb(61,123,128)
```
#43888d
```
#43888d rgb(67,136,141)
```
#49959b
```
#49959b rgb(73,149,155)
```
#4fa2a8
```
#4fa2a8 rgb(79,162,168)
```

Shade Color Variation

#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#67b2b7
```
#67b2b7 rgb(103,178,183)
```
#75b9be
```
#75b9be rgb(117,185,190)
```
#82bfc4
```
#82bfc4 rgb(130,191,196)
```
#8fc6ca
```
#8fc6ca rgb(143,198,202)
```
#9dcdd0
```
#9dcdd0 rgb(157,205,208)
```
#aad4d7
```
#aad4d7 rgb(170,212,215)
```
#b7dadd
```
#b7dadd rgb(183,218,221)
```
#c5e1e3
```
#c5e1e3 rgb(197,225,227)
```
#d2e8ea
```
#d2e8ea rgb(210,232,234)
```
#dfeff0
```
#dfeff0 rgb(223,239,240)
```
#edf6f6
```
#edf6f6 rgb(237,246,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8b8c is the less saturated color, while #0febfc is the most saturated one.

#7f8b8c
```
#7f8b8c rgb(127,139,140)
```
#769395
```
#769395 rgb(118,147,149)
```
#6d9b9e
```
#6d9b9e rgb(109,155,158)
```
#63a3a8
```
#63a3a8 rgb(99,163,168)
```
#5aabb1
```
#5aabb1 rgb(90,171,177)
```
#51b3ba
```
#51b3ba rgb(81,179,186)
```
#47bbc4
```
#47bbc4 rgb(71,187,196)
```
#3ec3cd
```
#3ec3cd rgb(62,195,205)
```
#35cbd6
```
#35cbd6 rgb(53,203,214)
```
#2bd3e0
```
#2bd3e0 rgb(43,211,224)
```
#22dbe9
```
#22dbe9 rgb(34,219,233)
```
#19e3f2
```
#19e3f2 rgb(25,227,242)
```
#0febfc
```
#0febfc rgb(15,235,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#889899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a2ad Protanopia 1% of men
#a79fba Deuteranopia 1% of men
#65aebb Tritanopia 0.001% of the population

Trichromacy

#88a5ae Protanomaly 1% of men, 0.01% of women
#8ba3b7 Deuteranomaly 6% of men, 0.4% of women
#61adb7 Tritanomaly 0.01% of the population

#5aabb1 hex color

#5aabb1 Color Information

#5aabb1 Color Conversion

Color Schemes with #5aabb1

Alternatives to #5aabb1

#5aabb1 Preview

Shades and Tints of #5aabb1

Tones of #5aabb1

Color Blindness Simulator