#5ad8bb hex color

In a RGB color space, hex #5ad8bb is composed of 35.3% red, 84.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 0% magenta, 13.4% yellow and 15.3% black. It has a hue angle of 166.2 degrees, a saturation of 61.8% and a lightness of 60%. #5ad8bb color hex could be obtained by blending #b4ffff with #00b177. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 85
- B 73
RGB color chart
- C 58
- M 0
- Y 13
- K 15
CMYK color chart

● #5ad8bb color description : Moderate cyan.

The hexadecimal color #5ad8bb has RGB values of R:90, G:216, B:187 and CMYK values of C:0.58, M:0, Y:0.13, K:0.15. Its decimal value is 5953723.

Hex triplet	5ad8bb	`#5ad8bb`
RGB Decimal	90, 216, 187	`rgb(90,216,187)`
RGB Percent	35.3, 84.7, 73.3	`rgb(35.3%,84.7%,73.3%)`
CMYK	58, 0, 13, 15
HSL	166.2°, 61.8, 60	`hsl(166.2,61.8%,60%)`
HSV (or HSB)	166.2°, 58.3, 84.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.966, -41.841, 3.864
XYZ	37.739, 54.87, 55.613
xyY	0.255, 0.37, 54.87
CIE-LCH	78.966, 42.019, 174.723
CIE-LUV	78.966, -52.296, 12.542
Hunter-Lab	74.074, -38.689, 7.339
Binary	01011010, 11011000, 10111011

#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#d85a77
```
#d85a77 rgb(216,90,119)
```

Complementary Color

#5ad87c
```
#5ad87c rgb(90,216,124)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#5ab6d8
```
#5ab6d8 rgb(90,182,216)
```

Analogous Color

#d87c5a
```
#d87c5a rgb(216,124,90)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#d85ab6
```
#d85ab6 rgb(216,90,182)
```

Split Complementary Color

#d8bb5a
```
#d8bb5a rgb(216,187,90)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#bb5ad8
```
#bb5ad8 rgb(187,90,216)
```

Triadic Color

#77d85a
```
#77d85a rgb(119,216,90)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#bb5ad8
```
#bb5ad8 rgb(187,90,216)
```
#d85a77
```
#d85a77 rgb(216,90,119)
```

Tetradic Color

#2cba99
```
#2cba99 rgb(44,186,153)
```
#31ceaa
```
#31ceaa rgb(49,206,170)
```
#45d3b3
```
#45d3b3 rgb(69,211,179)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#6fddc4
```
#6fddc4 rgb(111,221,196)
```
#83e2cc
```
#83e2cc rgb(131,226,204)
```
#98e7d5
```
#98e7d5 rgb(152,231,213)
```

Monochromatic Color

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

#5ad89c
```
#5ad89c rgb(90,216,156)
```
#5ad8a6
```
#5ad8a6 rgb(90,216,166)
```
#5ad8b1
```
#5ad8b1 rgb(90,216,177)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#5ad8c6
```
#5ad8c6 rgb(90,216,198)
```
#5ad8d0
```
#5ad8d0 rgb(90,216,208)
```
#5ad6d8
```
#5ad6d8 rgb(90,214,216)
```

Similar Colors

Text with hexadecimal color #5ad8bb

This text has a font color of #5ad8bb.

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

#5ad8bb background color

This paragraph has a background color of #5ad8bb.

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

#5ad8bb border color

This element has a border color of #5ad8bb.

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

CSS codes

.text {color:#5ad8bb;}

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

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

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, #020a08 is the darkest color, while #f9fefc is the lightest one.

#020a08
```
#020a08 rgb(2,10,8)
```
#061915
```
#061915 rgb(6,25,21)
```
#0a2922
```
#0a2922 rgb(10,41,34)
```
#0e392f
```
#0e392f rgb(14,57,47)
```
#11493c
```
#11493c rgb(17,73,60)
```
#155949
```
#155949 rgb(21,89,73)
```
#196956
```
#196956 rgb(25,105,86)
```
#1d7963
```
#1d7963 rgb(29,121,99)
```
#208870
```
#208870 rgb(32,136,112)
```
#24987e
```
#24987e rgb(36,152,126)
```
#28a88b
```
#28a88b rgb(40,168,139)
```
#2cb898
```
#2cb898 rgb(44,184,152)
```
#2fc8a5
```
#2fc8a5 rgb(47,200,165)
```

Shade Color Variation

#3ad1ae
```
#3ad1ae rgb(58,209,174)
```
#4ad4b4
```
#4ad4b4 rgb(74,212,180)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#6adcc2
```
#6adcc2 rgb(106,220,194)
```
#7ae0c8
```
#7ae0c8 rgb(122,224,200)
```
#8ae3cf
```
#8ae3cf rgb(138,227,207)
```
#99e7d5
```
#99e7d5 rgb(153,231,213)
```
#a9ebdc
```
#a9ebdc rgb(169,235,220)
```
#b9efe2
```
#b9efe2 rgb(185,239,226)
```
#c9f2e9
```
#c9f2e9 rgb(201,242,233)
```
#d9f6ef
```
#d9f6ef rgb(217,246,239)
```
#e9faf6
```
#e9faf6 rgb(233,250,246)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#999999
```
#999999 rgb(153,153,153)
```
#91a19d
```
#91a19d rgb(145,161,157)
```
#89a9a2
```
#89a9a2 rgb(137,169,162)
```
#81b1a6
```
#81b1a6 rgb(129,177,166)
```
#79b9aa
```
#79b9aa rgb(121,185,170)
```
#72c0ae
```
#72c0ae rgb(114,192,174)
```
#6ac8b3
```
#6ac8b3 rgb(106,200,179)
```
#62d0b7
```
#62d0b7 rgb(98,208,183)
```
#5ad8bb
```
#5ad8bb rgb(90,216,187)
```
#52e0bf
```
#52e0bf rgb(82,224,191)
```
#4ae8c3
```
#4ae8c3 rgb(74,232,195)
```
#42f0c8
```
#42f0c8 rgb(66,240,200)
```
#3bf7cc
```
#3bf7cc rgb(59,247,204)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9eb7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec5b4 Protanopia 1% of men
#d8c0c7 Deuteranopia 1% of men
#73d4e4 Tritanopia 0.001% of the population

Trichromacy

#a4ccb6 Protanomaly 1% of men, 0.01% of women
#aac9c2 Deuteranomaly 6% of men, 0.4% of women
#6ad5d5 Tritanomaly 0.01% of the population

#5ad8bb hex color

#5ad8bb Color Information

#5ad8bb Color Conversion

Color Schemes with #5ad8bb

Alternatives to #5ad8bb

#5ad8bb Preview

Shades and Tints of #5ad8bb

Tones of #5ad8bb

Color Blindness Simulator