#5aadad hex color

In a RGB color space, hex #5aadad is composed of 35.3% red, 67.8% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 0% yellow and 32.2% black. It has a hue angle of 180 degrees, a saturation of 33.6% and a lightness of 51.6%. #5aadad color hex could be obtained by blending #b4ffff with #005b5b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 68
- B 68
RGB color chart
- C 48
- M 0
- Y 0
- K 32
CMYK color chart

● #5aadad color description : Dark moderate cyan.

The hexadecimal color #5aadad has RGB values of R:90, G:173, B:173 and CMYK values of C:0.48, M:0, Y:0, K:0.32. Its decimal value is 5942701.

Hex triplet	5aadad	`#5aadad`
RGB Decimal	90, 173, 173	`rgb(90,173,173)`
RGB Percent	35.3, 67.8, 67.8	`rgb(35.3%,67.8%,67.8%)`
CMYK	48, 0, 0, 32
HSL	180°, 33.6, 51.6	`hsl(180,33.6%,51.6%)`
HSV (or HSB)	180°, 48, 67.8
Web Safe	669999	`#669999`

CIE-LAB	65.808, -25.155, -7.812
XYZ	26.701, 35.076, 44.896
xyY	0.25, 0.329, 35.076
CIE-LCH	65.808, 26.341, 197.253
CIE-LUV	65.808, -36.357, -7.852
Hunter-Lab	59.225, -23.17, -3.488
Binary	01011010, 10101101, 10101101

#5aadad
```
#5aadad rgb(90,173,173)
```
#ad5a5a
```
#ad5a5a rgb(173,90,90)
```

Complementary Color

#5aad84
```
#5aad84 rgb(90,173,132)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#5a84ad
```
#5a84ad rgb(90,132,173)
```

Analogous Color

#ad845a
```
#ad845a rgb(173,132,90)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#ad5a84
```
#ad5a84 rgb(173,90,132)
```

Split Complementary Color

#adad5a
```
#adad5a rgb(173,173,90)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#ad5aad
```
#ad5aad rgb(173,90,173)
```

Triadic Color

#5aad5a
```
#5aad5a rgb(90,173,90)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#ad5aad
```
#ad5aad rgb(173,90,173)
```
#ad5a5a
```
#ad5a5a rgb(173,90,90)
```

Tetradic Color

#3e7d7d
```
#3e7d7d rgb(62,125,125)
```
#468e8e
```
#468e8e rgb(70,142,142)
```
#4f9f9f
```
#4f9f9f rgb(79,159,159)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#6bb5b5
```
#6bb5b5 rgb(107,181,181)
```
#7cbebe
```
#7cbebe rgb(124,190,190)
```
#8dc6c6
```
#8dc6c6 rgb(141,198,198)
```

Monochromatic Color

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

#5aad98
```
#5aad98 rgb(90,173,152)
```
#5aad9f
```
#5aad9f rgb(90,173,159)
```
#5aada6
```
#5aada6 rgb(90,173,166)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#5aa6ad
```
#5aa6ad rgb(90,166,173)
```
#5a9fad
```
#5a9fad rgb(90,159,173)
```
#5a98ad
```
#5a98ad rgb(90,152,173)
```

Similar Colors

Text with hexadecimal color #5aadad

This text has a font color of #5aadad.

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

#5aadad background color

This paragraph has a background color of #5aadad.

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

#5aadad border color

This element has a border color of #5aadad.

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

CSS codes

.text {color:#5aadad;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#091212
```
#091212 rgb(9,18,18)
```
#102020
```
#102020 rgb(16,32,32)
```
#162d2d
```
#162d2d rgb(22,45,45)
```
#1d3a3a
```
#1d3a3a rgb(29,58,58)
```
#234747
```
#234747 rgb(35,71,71)
```
#2a5454
```
#2a5454 rgb(42,84,84)
```
#306161
```
#306161 rgb(48,97,97)
```
#376e6e
```
#376e6e rgb(55,110,110)
```
#3d7b7b
```
#3d7b7b rgb(61,123,123)
```
#448888
```
#448888 rgb(68,136,136)
```
#4a9595
```
#4a9595 rgb(74,149,149)
```
#51a3a3
```
#51a3a3 rgb(81,163,163)
```

Shade Color Variation

#5aadad
```
#5aadad rgb(90,173,173)
```
#67b4b4
```
#67b4b4 rgb(103,180,180)
```
#74baba
```
#74baba rgb(116,186,186)
```
#81c1c1
```
#81c1c1 rgb(129,193,193)
```
#8ec7c7
```
#8ec7c7 rgb(142,199,199)
```
#9ccece
```
#9ccece rgb(156,206,206)
```
#a9d4d4
```
#a9d4d4 rgb(169,212,212)
```
#b6dbdb
```
#b6dbdb rgb(182,219,219)
```
#c3e1e1
```
#c3e1e1 rgb(195,225,225)
```
#d0e8e8
```
#d0e8e8 rgb(208,232,232)
```
#ddeeee
```
#ddeeee rgb(221,238,238)
```
#eaf5f5
```
#eaf5f5 rgb(234,245,245)
```
#f7fbfb
```
#f7fbfb rgb(247,251,251)
```

Tint Color Variation

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

#808787
```
#808787 rgb(128,135,135)
```
#779191
```
#779191 rgb(119,145,145)
```
#6d9a9a
```
#6d9a9a rgb(109,154,154)
```
#64a4a4
```
#64a4a4 rgb(100,164,164)
```
#5aadad
```
#5aadad rgb(90,173,173)
```
#51b7b7
```
#51b7b7 rgb(81,183,183)
```
#47c0c0
```
#47c0c0 rgb(71,192,192)
```
#3ecaca
```
#3ecaca rgb(62,202,202)
```
#34d3d3
```
#34d3d3 rgb(52,211,211)
```
#2bdddd
```
#2bdddd rgb(43,221,221)
```
#21e6e6
```
#21e6e6 rgb(33,230,230)
```
#18f0f0
```
#18f0f0 rgb(24,240,240)
```
#0ef9f9
```
#0ef9f9 rgb(14,249,249)
```

Tone Color Variation

Below, you can see how #5aadad 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
#889999 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a3a9 Protanopia 1% of men
#aba0b7 Deuteranopia 1% of men
#67afbc Tritanopia 0.001% of the population

Trichromacy

#8aa7ab Protanomaly 1% of men, 0.01% of women
#8da5b3 Deuteranomaly 6% of men, 0.4% of women
#62aeb6 Tritanomaly 0.01% of the population

#5aadad hex color

#5aadad Color Information

#5aadad Color Conversion

Color Schemes with #5aadad

Alternatives to #5aadad

#5aadad Preview

Shades and Tints of #5aadad

Tones of #5aadad

Color Blindness Simulator