#5aadb2 hex color

In a RGB color space, hex #5aadb2 is composed of 35.3% red, 67.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 2.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 183.4 degrees, a saturation of 36.4% and a lightness of 52.5%. #5aadb2 color hex could be obtained by blending #b4ffff with #005b65. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 68
- B 70
RGB color chart
- C 49
- M 3
- Y 0
- K 30
CMYK color chart

● #5aadb2 color description : Dark moderate cyan.

The hexadecimal color #5aadb2 has RGB values of R:90, G:173, B:178 and CMYK values of C:0.49, M:0.03, Y:0, K:0.3. Its decimal value is 5942706.

Hex triplet	5aadb2	`#5aadb2`
RGB Decimal	90, 173, 178	`rgb(90,173,178)`
RGB Percent	35.3, 67.8, 69.8	`rgb(35.3%,67.8%,69.8%)`
CMYK	49, 3, 0, 30
HSL	183.4°, 36.4, 52.5	`hsl(183.4,36.4%,52.5%)`
HSV (or HSB)	183.4°, 49.4, 69.8
Web Safe	669999	`#669999`

CIE-LAB	65.961, -23.812, -10.365
XYZ	27.194, 35.273, 47.492
xyY	0.247, 0.321, 35.273
CIE-LCH	65.961, 25.97, 203.522
CIE-LUV	65.961, -36.164, -12.026
Hunter-Lab	59.391, -22.205, -5.837
Binary	01011010, 10101101, 10110010

#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#b25f5a
```
#b25f5a rgb(178,95,90)
```

Complementary Color

#5ab28b
```
#5ab28b rgb(90,178,139)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#5a81b2
```
#5a81b2 rgb(90,129,178)
```

Analogous Color

#b28b5a
```
#b28b5a rgb(178,139,90)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#b25a81
```
#b25a81 rgb(178,90,129)
```

Split Complementary Color

#adb25a
```
#adb25a rgb(173,178,90)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#b25aad
```
#b25aad rgb(178,90,173)
```

Triadic Color

#5ab25f
```
#5ab25f rgb(90,178,95)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#b25aad
```
#b25aad rgb(178,90,173)
```
#b25f5a
```
#b25f5a rgb(178,95,90)
```

Tetradic Color

#3d7f83
```
#3d7f83 rgb(61,127,131)
```
#458f94
```
#458f94 rgb(69,143,148)
```
#4da0a5
```
#4da0a5 rgb(77,160,165)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#6bb6ba
```
#6bb6ba rgb(107,182,186)
```
#7dbec2
```
#7dbec2 rgb(125,190,194)
```
#8ec7ca
```
#8ec7ca rgb(142,199,202)
```

Monochromatic Color

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

#5ab2a1
```
#5ab2a1 rgb(90,178,161)
```
#5ab2a8
```
#5ab2a8 rgb(90,178,168)
```
#5ab2b0
```
#5ab2b0 rgb(90,178,176)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#5aa6b2
```
#5aa6b2 rgb(90,166,178)
```
#5a9eb2
```
#5a9eb2 rgb(90,158,178)
```
#5a97b2
```
#5a97b2 rgb(90,151,178)
```

Similar Colors

Text with hexadecimal color #5aadb2

This text has a font color of #5aadb2.

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

#5aadb2 background color

This paragraph has a background color of #5aadb2.

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

#5aadb2 border color

This element has a border color of #5aadb2.

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

CSS codes

.text {color:#5aadb2;}

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

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

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

#040909
```
#040909 rgb(4,9,9)
```
#0a1616
```
#0a1616 rgb(10,22,22)
```
#112324
```
#112324 rgb(17,35,36)
```
#173031
```
#173031 rgb(23,48,49)
```
#1d3c3e
```
#1d3c3e rgb(29,60,62)
```
#23494c
```
#23494c rgb(35,73,76)
```
#2a5659
```
#2a5659 rgb(42,86,89)
```
#306366
```
#306366 rgb(48,99,102)
```
#367074
```
#367074 rgb(54,112,116)
```
#3c7d81
```
#3c7d81 rgb(60,125,129)
```
#438a8f
```
#438a8f rgb(67,138,143)
```
#49979c
```
#49979c rgb(73,151,156)
```
#4fa4a9
```
#4fa4a9 rgb(79,164,169)
```

Shade Color Variation

#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#67b4b8
```
#67b4b8 rgb(103,180,184)
```
#75babe
```
#75babe rgb(117,186,190)
```
#82c1c5
```
#82c1c5 rgb(130,193,197)
```
#8fc8cb
```
#8fc8cb rgb(143,200,203)
```
#9dced1
```
#9dced1 rgb(157,206,209)
```
#aad5d7
```
#aad5d7 rgb(170,213,215)
```
#b8dcde
```
#b8dcde rgb(184,220,222)
```
#c5e2e4
```
#c5e2e4 rgb(197,226,228)
```
#d2e9ea
```
#d2e9ea rgb(210,233,234)
```
#e0eff0
```
#e0eff0 rgb(224,239,240)
```
#edf6f7
```
#edf6f7 rgb(237,246,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#7f8c8d
```
#7f8c8d rgb(127,140,141)
```
#769496
```
#769496 rgb(118,148,150)
```
#6d9d9f
```
#6d9d9f rgb(109,157,159)
```
#63a5a9
```
#63a5a9 rgb(99,165,169)
```
#5aadb2
```
#5aadb2 rgb(90,173,178)
```
#51b5bb
```
#51b5bb rgb(81,181,187)
```
#47bec5
```
#47bec5 rgb(71,190,197)
```
#3ec6ce
```
#3ec6ce rgb(62,198,206)
```
#35ced7
```
#35ced7 rgb(53,206,215)
```
#2bd6e1
```
#2bd6e1 rgb(43,214,225)
```
#22dfea
```
#22dfea rgb(34,223,234)
```
#19e7f3
```
#19e7f3 rgb(25,231,243)
```
#10effc
```
#10effc rgb(16,239,252)
```

Tone Color Variation

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

Dichromacy

#a5a4ae Protanopia 1% of men
#a9a1bb Deuteranopia 1% of men
#65b0bc Tritanopia 0.001% of the population

Trichromacy

#89a7af Protanomaly 1% of men, 0.01% of women
#8ca5b8 Deuteranomaly 6% of men, 0.4% of women
#61aeb8 Tritanomaly 0.01% of the population

#5aadb2 hex color

#5aadb2 Color Information

#5aadb2 Color Conversion

Color Schemes with #5aadb2

Alternatives to #5aadb2

#5aadb2 Preview

Shades and Tints of #5aadb2

Tones of #5aadb2

Color Blindness Simulator