#5ad1bb hex color

In a RGB color space, hex #5ad1bb is composed of 35.3% red, 82% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 0% magenta, 10.5% yellow and 18% black. It has a hue angle of 168.9 degrees, a saturation of 56.4% and a lightness of 58.6%. #5ad1bb color hex could be obtained by blending #b4ffff with #00a377. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 82
- B 73
RGB color chart
- C 57
- M 0
- Y 11
- K 18
CMYK color chart

● #5ad1bb color description : Moderate cyan.

The hexadecimal color #5ad1bb has RGB values of R:90, G:209, B:187 and CMYK values of C:0.57, M:0, Y:0.11, K:0.18. Its decimal value is 5951931.

Hex triplet	5ad1bb	`#5ad1bb`
RGB Decimal	90, 209, 187	`rgb(90,209,187)`
RGB Percent	35.3, 82, 73.3	`rgb(35.3%,82%,73.3%)`
CMYK	57, 0, 11, 18
HSL	168.9°, 56.4, 58.6	`hsl(168.9,56.4%,58.6%)`
HSV (or HSB)	168.9°, 56.9, 82
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.896, -38.706, 0.858
XYZ	35.984, 51.36, 55.028
xyY	0.253, 0.361, 51.36
CIE-LCH	76.896, 38.716, 178.73
CIE-LUV	76.896, -49.66, 7.476
Hunter-Lab	71.666, -35.789, 4.64
Binary	01011010, 11010001, 10111011

#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#d15a70
```
#d15a70 rgb(209,90,112)
```

Complementary Color

#5ad180
```
#5ad180 rgb(90,209,128)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#5aacd1
```
#5aacd1 rgb(90,172,209)
```

Analogous Color

#d1805a
```
#d1805a rgb(209,128,90)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#d15aac
```
#d15aac rgb(209,90,172)
```

Split Complementary Color

#d1bb5a
```
#d1bb5a rgb(209,187,90)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#bb5ad1
```
#bb5ad1 rgb(187,90,209)
```

Triadic Color

#70d15a
```
#70d15a rgb(112,209,90)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#bb5ad1
```
#bb5ad1 rgb(187,90,209)
```
#d15a70
```
#d15a70 rgb(209,90,112)
```

Tetradic Color

#31ae97
```
#31ae97 rgb(49,174,151)
```
#36c2a8
```
#36c2a8 rgb(54,194,168)
```
#46cbb3
```
#46cbb3 rgb(70,203,179)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#6ed7c3
```
#6ed7c3 rgb(110,215,195)
```
#82dccb
```
#82dccb rgb(130,220,203)
```
#96e2d4
```
#96e2d4 rgb(150,226,212)
```

Monochromatic Color

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

#5ad19d
```
#5ad19d rgb(90,209,157)
```
#5ad1a7
```
#5ad1a7 rgb(90,209,167)
```
#5ad1b1
```
#5ad1b1 rgb(90,209,177)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#5ad1c5
```
#5ad1c5 rgb(90,209,197)
```
#5ad1cf
```
#5ad1cf rgb(90,209,207)
```
#5ac9d1
```
#5ac9d1 rgb(90,201,209)
```

Similar Colors

Text with hexadecimal color #5ad1bb

This text has a font color of #5ad1bb.

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

#5ad1bb background color

This paragraph has a background color of #5ad1bb.

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

#5ad1bb border color

This element has a border color of #5ad1bb.

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

CSS codes

.text {color:#5ad1bb;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051311
```
#051311 rgb(5,19,17)
```
#0a221e
```
#0a221e rgb(10,34,30)
```
#0e322b
```
#0e322b rgb(14,50,43)
```
#124138
```
#124138 rgb(18,65,56)
```
#165046
```
#165046 rgb(22,80,70)
```
#1b6053
```
#1b6053 rgb(27,96,83)
```
#1f6f60
```
#1f6f60 rgb(31,111,96)
```
#237e6e
```
#237e6e rgb(35,126,110)
```
#288e7b
```
#288e7b rgb(40,142,123)
```
#2c9d88
```
#2c9d88 rgb(44,157,136)
```
#30ac95
```
#30ac95 rgb(48,172,149)
```
#34bca3
```
#34bca3 rgb(52,188,163)
```

Shade Color Variation

#3bc8ae
```
#3bc8ae rgb(59,200,174)
```
#4bcdb5
```
#4bcdb5 rgb(75,205,181)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#69d5c1
```
#69d5c1 rgb(105,213,193)
```
#79dac8
```
#79dac8 rgb(121,218,200)
```
#88dece
```
#88dece rgb(136,222,206)
```
#97e2d4
```
#97e2d4 rgb(151,226,212)
```
#a7e6db
```
#a7e6db rgb(167,230,219)
```
#b6ebe1
```
#b6ebe1 rgb(182,235,225)
```
#c5efe7
```
#c5efe7 rgb(197,239,231)
```
#d5f3ee
```
#d5f3ee rgb(213,243,238)
```
#e4f7f4
```
#e4f7f4 rgb(228,247,244)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

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

#939897
```
#939897 rgb(147,152,151)
```
#8ba09c
```
#8ba09c rgb(139,160,156)
```
#83a8a1
```
#83a8a1 rgb(131,168,161)
```
#7ab1a7
```
#7ab1a7 rgb(122,177,167)
```
#72b9ac
```
#72b9ac rgb(114,185,172)
```
#6ac1b1
```
#6ac1b1 rgb(106,193,177)
```
#62c9b6
```
#62c9b6 rgb(98,201,182)
```
#5ad1bb
```
#5ad1bb rgb(90,209,187)
```
#52d9c0
```
#52d9c0 rgb(82,217,192)
```
#4ae1c5
```
#4ae1c5 rgb(74,225,197)
```
#42e9ca
```
#42e9ca rgb(66,233,202)
```
#3af1cf
```
#3af1cf rgb(58,241,207)
```
#31fad5
```
#31fad5 rgb(49,250,213)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9bb3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c0b4 Protanopia 1% of men
#d0bbc6 Deuteranopia 1% of men
#70cedd Tritanopia 0.001% of the population

Trichromacy

#9fc6b7 Protanomaly 1% of men, 0.01% of women
#a5c3c2 Deuteranomaly 6% of men, 0.4% of women
#68cfd1 Tritanomaly 0.01% of the population

#5ad1bb hex color

#5ad1bb Color Information

#5ad1bb Color Conversion

Color Schemes with #5ad1bb

Alternatives to #5ad1bb

#5ad1bb Preview

Shades and Tints of #5ad1bb

Tones of #5ad1bb

Color Blindness Simulator