#5aabb0 hex color

In a RGB color space, hex #5aabb0 is composed of 35.3% red, 67.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 2.8% magenta, 0% yellow and 31% black. It has a hue angle of 183.5 degrees, a saturation of 35.2% and a lightness of 52.2%. #5aabb0 color hex could be obtained by blending #b4ffff with #005761. 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

● #5aabb0 color description : Dark moderate cyan.

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

Hex triplet	5aabb0	`#5aabb0`
RGB Decimal	90, 171, 176	`rgb(90,171,176)`
RGB Percent	35.3, 67.1, 69	`rgb(35.3%,67.1%,69%)`
CMYK	49, 3, 0, 31
HSL	183.5°, 35.2, 52.2	`hsl(183.5,35.2%,52.2%)`
HSV (or HSB)	183.5°, 48.9, 69
Web Safe	669999	`#669999`

CIE-LAB	65.304, -23.341, -10.233
XYZ	26.614, 34.432, 46.316
xyY	0.248, 0.321, 34.432
CIE-LCH	65.304, 25.486, 203.674
CIE-LUV	65.304, -35.451, -11.869
Hunter-Lab	58.679, -21.73, -5.722
Binary	01011010, 10101011, 10110000

#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#b05f5a
```
#b05f5a rgb(176,95,90)
```

Complementary Color

#5ab08a
```
#5ab08a rgb(90,176,138)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#5a80b0
```
#5a80b0 rgb(90,128,176)
```

Analogous Color

#b08a5a
```
#b08a5a rgb(176,138,90)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#b05a80
```
#b05a80 rgb(176,90,128)
```

Split Complementary Color

#abb05a
```
#abb05a rgb(171,176,90)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#b05aab
```
#b05aab rgb(176,90,171)
```

Triadic Color

#5ab05f
```
#5ab05f rgb(90,176,95)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#b05aab
```
#b05aab rgb(176,90,171)
```
#b05f5a
```
#b05f5a rgb(176,95,90)
```

Tetradic Color

#3d7c80
```
#3d7c80 rgb(61,124,128)
```
#468d91
```
#468d91 rgb(70,141,145)
```
#4e9ea3
```
#4e9ea3 rgb(78,158,163)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#6bb4b8
```
#6bb4b8 rgb(107,180,184)
```
#7cbdc1
```
#7cbdc1 rgb(124,189,193)
```
#8ec5c9
```
#8ec5c9 rgb(142,197,201)
```

Monochromatic Color

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

#5ab0a0
```
#5ab0a0 rgb(90,176,160)
```
#5ab0a7
```
#5ab0a7 rgb(90,176,167)
```
#5ab0ae
```
#5ab0ae rgb(90,176,174)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#5aa4b0
```
#5aa4b0 rgb(90,164,176)
```
#5a9db0
```
#5a9db0 rgb(90,157,176)
```
#5a96b0
```
#5a96b0 rgb(90,150,176)
```

Similar Colors

Text with hexadecimal color #5aabb0

This text has a font color of #5aabb0.

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

#5aabb0 background color

This paragraph has a background color of #5aabb0.

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

#5aabb0 border color

This element has a border color of #5aabb0.

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

CSS codes

.text {color:#5aabb0;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0a1415
```
#0a1415 rgb(10,20,21)
```
#102122
```
#102122 rgb(16,33,34)
```
#172e2f
```
#172e2f rgb(23,46,47)
```
#1d3b3c
```
#1d3b3c rgb(29,59,60)
```
#23484a
```
#23484a rgb(35,72,74)
```
#2a5457
```
#2a5457 rgb(42,84,87)
```
#306164
```
#306164 rgb(48,97,100)
```
#366e72
```
#366e72 rgb(54,110,114)
```
#3d7b7f
```
#3d7b7f rgb(61,123,127)
```
#43888c
```
#43888c rgb(67,136,140)
```
#499599
```
#499599 rgb(73,149,153)
```
#50a2a7
```
#50a2a7 rgb(80,162,167)
```

Shade Color Variation

#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#67b2b6
```
#67b2b6 rgb(103,178,182)
```
#75b9bd
```
#75b9bd rgb(117,185,189)
```
#82bfc3
```
#82bfc3 rgb(130,191,195)
```
#8fc6c9
```
#8fc6c9 rgb(143,198,201)
```
#9ccdd0
```
#9ccdd0 rgb(156,205,208)
```
#aad4d6
```
#aad4d6 rgb(170,212,214)
```
#b7dadc
```
#b7dadc rgb(183,218,220)
```
#c4e1e3
```
#c4e1e3 rgb(196,225,227)
```
#d1e8e9
```
#d1e8e9 rgb(209,232,233)
```
#dfeff0
```
#dfeff0 rgb(223,239,240)
```
#ecf5f6
```
#ecf5f6 rgb(236,245,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#808a8a
```
#808a8a rgb(128,138,138)
```
#769294
```
#769294 rgb(118,146,148)
```
#6d9a9d
```
#6d9a9d rgb(109,154,157)
```
#63a3a7
```
#63a3a7 rgb(99,163,167)
```
#5aabb0
```
#5aabb0 rgb(90,171,176)
```
#51b3b9
```
#51b3b9 rgb(81,179,185)
```
#47bcc3
```
#47bcc3 rgb(71,188,195)
```
#3ec4cc
```
#3ec4cc rgb(62,196,204)
```
#34ccd6
```
#34ccd6 rgb(52,204,214)
```
#2bd4df
```
#2bd4df rgb(43,212,223)
```
#22dde8
```
#22dde8 rgb(34,221,232)
```
#18e5f2
```
#18e5f2 rgb(24,229,242)
```
#0fedfb
```
#0fedfb rgb(15,237,251)
```

Tone Color Variation

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

#a3a2ac Protanopia 1% of men
#a79fb9 Deuteranopia 1% of men
#65aeba Tritanopia 0.001% of the population

Trichromacy

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

#5aabb0 hex color

#5aabb0 Color Information

#5aabb0 Color Conversion

Color Schemes with #5aabb0

Alternatives to #5aabb0

#5aabb0 Preview

Shades and Tints of #5aabb0

Tones of #5aabb0

Color Blindness Simulator