#5aafad hex color

In a RGB color space, hex #5aafad is composed of 35.3% red, 68.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 1.1% yellow and 31.4% black. It has a hue angle of 178.6 degrees, a saturation of 34.7% and a lightness of 52%. #5aafad color hex could be obtained by blending #b4ffff with #005f5b. Closest websafe color is: #669999.

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

● #5aafad color description : Dark moderate cyan.

The hexadecimal color #5aafad has RGB values of R:90, G:175, B:173 and CMYK values of C:0.49, M:0, Y:0.01, K:0.31. Its decimal value is 5943213.

Hex triplet	5aafad	`#5aafad`
RGB Decimal	90, 175, 173	`rgb(90,175,173)`
RGB Percent	35.3, 68.6, 67.8	`rgb(35.3%,68.6%,67.8%)`
CMYK	49, 0, 1, 31
HSL	178.6°, 34.7, 52	`hsl(178.6,34.7%,52%)`
HSV (or HSB)	178.6°, 48.6, 68.6
Web Safe	669999	`#669999`

CIE-LAB	66.404, -26.154, -6.926
XYZ	27.087, 35.849, 45.025
xyY	0.251, 0.332, 35.849
CIE-LCH	66.404, 27.056, 194.833
CIE-LUV	66.404, -37.149, -6.348
Hunter-Lab	59.874, -24.026, -2.674
Binary	01011010, 10101111, 10101101

#5aafad
```
#5aafad rgb(90,175,173)
```
#af5a5c
```
#af5a5c rgb(175,90,92)
```

Complementary Color

#5aaf83
```
#5aaf83 rgb(90,175,131)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#5a87af
```
#5a87af rgb(90,135,175)
```

Analogous Color

#af835a
```
#af835a rgb(175,131,90)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#af5a87
```
#af5a87 rgb(175,90,135)
```

Split Complementary Color

#afad5a
```
#afad5a rgb(175,173,90)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#ad5aaf
```
#ad5aaf rgb(173,90,175)
```

Triadic Color

#5caf5a
```
#5caf5a rgb(92,175,90)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#ad5aaf
```
#ad5aaf rgb(173,90,175)
```
#af5a5c
```
#af5a5c rgb(175,90,92)
```

Tetradic Color

#3e7f7d
```
#3e7f7d rgb(62,127,125)
```
#46908e
```
#46908e rgb(70,144,142)
```
#4ea19f
```
#4ea19f rgb(78,161,159)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#6bb7b6
```
#6bb7b6 rgb(107,183,182)
```
#7cc0be
```
#7cc0be rgb(124,192,190)
```
#8ec8c7
```
#8ec8c7 rgb(142,200,199)
```

Monochromatic Color

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

#5aaf98
```
#5aaf98 rgb(90,175,152)
```
#5aaf9f
```
#5aaf9f rgb(90,175,159)
```
#5aafa6
```
#5aafa6 rgb(90,175,166)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#5aaaaf
```
#5aaaaf rgb(90,170,175)
```
#5aa3af
```
#5aa3af rgb(90,163,175)
```
#5a9caf
```
#5a9caf rgb(90,156,175)
```

Similar Colors

Text with hexadecimal color #5aafad

This text has a font color of #5aafad.

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

#5aafad background color

This paragraph has a background color of #5aafad.

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

#5aafad border color

This element has a border color of #5aafad.

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

CSS codes

.text {color:#5aafad;}

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

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

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

#030707
```
#030707 rgb(3,7,7)
```
#0a1414
```
#0a1414 rgb(10,20,20)
```
#102121
```
#102121 rgb(16,33,33)
```
#162e2e
```
#162e2e rgb(22,46,46)
```
#1d3c3b
```
#1d3c3b rgb(29,60,59)
```
#234948
```
#234948 rgb(35,73,72)
```
#2a5655
```
#2a5655 rgb(42,86,85)
```
#306362
```
#306362 rgb(48,99,98)
```
#37706f
```
#37706f rgb(55,112,111)
```
#3d7e7c
```
#3d7e7c rgb(61,126,124)
```
#438b89
```
#438b89 rgb(67,139,137)
```
#4a9896
```
#4a9896 rgb(74,152,150)
```
#50a5a3
```
#50a5a3 rgb(80,165,163)
```

Shade Color Variation

#5aafad
```
#5aafad rgb(90,175,173)
```
#67b5b4
```
#67b5b4 rgb(103,181,180)
```
#74bcba
```
#74bcba rgb(116,188,186)
```
#82c2c1
```
#82c2c1 rgb(130,194,193)
```
#8fc9c7
```
#8fc9c7 rgb(143,201,199)
```
#9ccfce
```
#9ccfce rgb(156,207,206)
```
#a9d5d4
```
#a9d5d4 rgb(169,213,212)
```
#b6dcdb
```
#b6dcdb rgb(182,220,219)
```
#c4e2e2
```
#c4e2e2 rgb(196,226,226)
```
#d1e9e8
```
#d1e9e8 rgb(209,233,232)
```
#deefef
```
#deefef rgb(222,239,239)
```
#ebf5f5
```
#ebf5f5 rgb(235,245,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#808989
```
#808989 rgb(128,137,137)
```
#769392
```
#769392 rgb(118,147,146)
```
#6d9c9b
```
#6d9c9b rgb(109,156,155)
```
#63a6a4
```
#63a6a4 rgb(99,166,164)
```
#5aafad
```
#5aafad rgb(90,175,173)
```
#51b8b6
```
#51b8b6 rgb(81,184,182)
```
#47c2bf
```
#47c2bf rgb(71,194,191)
```
#3ecbc8
```
#3ecbc8 rgb(62,203,200)
```
#34d5d1
```
#34d5d1 rgb(52,213,209)
```
#2bdeda
```
#2bdeda rgb(43,222,218)
```
#21e8e3
```
#21e8e3 rgb(33,232,227)
```
#18f1ec
```
#18f1ec rgb(24,241,236)
```
#0ffaf5
```
#0ffaf5 rgb(15,250,245)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#899a9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a5a9 Protanopia 1% of men
#ada2b7 Deuteranopia 1% of men
#67b1be Tritanopia 0.001% of the population

Trichromacy

#8ba8aa Protanomaly 1% of men, 0.01% of women
#8fa6b3 Deuteranomaly 6% of men, 0.4% of women
#62b0b7 Tritanomaly 0.01% of the population

#5aafad hex color

#5aafad Color Information

#5aafad Color Conversion

Color Schemes with #5aafad

Alternatives to #5aafad

#5aafad Preview

Shades and Tints of #5aafad

Tones of #5aafad

Color Blindness Simulator