#5ad7bc hex color

In a RGB color space, hex #5ad7bc is composed of 35.3% red, 84.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 12.6% yellow and 15.7% black. It has a hue angle of 167 degrees, a saturation of 61% and a lightness of 59.8%. #5ad7bc color hex could be obtained by blending #b4ffff with #00af79. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 84
- B 74
RGB color chart
- C 58
- M 0
- Y 13
- K 16
CMYK color chart

● #5ad7bc color description : Moderate cyan.

The hexadecimal color #5ad7bc has RGB values of R:90, G:215, B:188 and CMYK values of C:0.58, M:0, Y:0.13, K:0.16. Its decimal value is 5953468.

Hex triplet	5ad7bc	`#5ad7bc`
RGB Decimal	90, 215, 188	`rgb(90,215,188)`
RGB Percent	35.3, 84.3, 73.7	`rgb(35.3%,84.3%,73.7%)`
CMYK	58, 0, 13, 16
HSL	167°, 61, 59.8	`hsl(167,61%,59.8%)`
HSV (or HSB)	167°, 58.1, 84.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.696, -41.155, 2.938
XYZ	37.591, 54.402, 56.094
xyY	0.254, 0.367, 54.402
CIE-LCH	78.696, 41.26, 175.916
CIE-LUV	78.696, -51.868, 11.037
Hunter-Lab	73.758, -38.103, 6.54
Binary	01011010, 11010111, 10111100

#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#d75a75
```
#d75a75 rgb(215,90,117)
```

Complementary Color

#5ad77e
```
#5ad77e rgb(90,215,126)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#5ab4d7
```
#5ab4d7 rgb(90,180,215)
```

Analogous Color

#d77e5a
```
#d77e5a rgb(215,126,90)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#d75ab4
```
#d75ab4 rgb(215,90,180)
```

Split Complementary Color

#d7bc5a
```
#d7bc5a rgb(215,188,90)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#bc5ad7
```
#bc5ad7 rgb(188,90,215)
```

Triadic Color

#75d75a
```
#75d75a rgb(117,215,90)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#bc5ad7
```
#bc5ad7 rgb(188,90,215)
```
#d75a75
```
#d75a75 rgb(215,90,117)
```

Tetradic Color

#2db89a
```
#2db89a rgb(45,184,154)
```
#32ccab
```
#32ccab rgb(50,204,171)
```
#45d2b4
```
#45d2b4 rgb(69,210,180)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#6fdcc4
```
#6fdcc4 rgb(111,220,196)
```
#83e1cd
```
#83e1cd rgb(131,225,205)
```
#98e6d5
```
#98e6d5 rgb(152,230,213)
```

Monochromatic Color

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

#5ad79d
```
#5ad79d rgb(90,215,157)
```
#5ad7a7
```
#5ad7a7 rgb(90,215,167)
```
#5ad7b2
```
#5ad7b2 rgb(90,215,178)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#5ad7c6
```
#5ad7c6 rgb(90,215,198)
```
#5ad7d1
```
#5ad7d1 rgb(90,215,209)
```
#5ad3d7
```
#5ad3d7 rgb(90,211,215)
```

Similar Colors

Text with hexadecimal color #5ad7bc

This text has a font color of #5ad7bc.

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

#5ad7bc background color

This paragraph has a background color of #5ad7bc.

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

#5ad7bc border color

This element has a border color of #5ad7bc.

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

CSS codes

.text {color:#5ad7bc;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#061814
```
#061814 rgb(6,24,20)
```
#0a2822
```
#0a2822 rgb(10,40,34)
```
#0e382f
```
#0e382f rgb(14,56,47)
```
#11483c
```
#11483c rgb(17,72,60)
```
#155849
```
#155849 rgb(21,88,73)
```
#196756
```
#196756 rgb(25,103,86)
```
#1d7764
```
#1d7764 rgb(29,119,100)
```
#218771
```
#218771 rgb(33,135,113)
```
#25977e
```
#25977e rgb(37,151,126)
```
#28a78b
```
#28a78b rgb(40,167,139)
```
#2cb698
```
#2cb698 rgb(44,182,152)
```
#30c6a6
```
#30c6a6 rgb(48,198,166)
```

Shade Color Variation

#3acfaf
```
#3acfaf rgb(58,207,175)
```
#4ad3b6
```
#4ad3b6 rgb(74,211,182)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#6adbc2
```
#6adbc2 rgb(106,219,194)
```
#7adfc9
```
#7adfc9 rgb(122,223,201)
```
#89e2cf
```
#89e2cf rgb(137,226,207)
```
#99e6d6
```
#99e6d6 rgb(153,230,214)
```
#a9eadc
```
#a9eadc rgb(169,234,220)
```
#b9eee2
```
#b9eee2 rgb(185,238,226)
```
#c9f2e9
```
#c9f2e9 rgb(201,242,233)
```
#d8f6ef
```
#d8f6ef rgb(216,246,239)
```
#e8f9f6
```
#e8f9f6 rgb(232,249,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91a09d is the less saturated color, while #33fed2 is the most saturated one.

#91a09d
```
#91a09d rgb(145,160,157)
```
#89a8a1
```
#89a8a1 rgb(137,168,161)
```
#81b0a6
```
#81b0a6 rgb(129,176,166)
```
#7ab7aa
```
#7ab7aa rgb(122,183,170)
```
#72bfaf
```
#72bfaf rgb(114,191,175)
```
#6ac7b3
```
#6ac7b3 rgb(106,199,179)
```
#62cfb8
```
#62cfb8 rgb(98,207,184)
```
#5ad7bc
```
#5ad7bc rgb(90,215,188)
```
#52dfc0
```
#52dfc0 rgb(82,223,192)
```
#4ae7c5
```
#4ae7c5 rgb(74,231,197)
```
#42efc9
```
#42efc9 rgb(66,239,201)
```
#3af7ce
```
#3af7ce rgb(58,247,206)
```
#33fed2
```
#33fed2 rgb(51,254,210)
```

Tone Color Variation

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

Dichromacy

#cdc5b5 Protanopia 1% of men
#d6c0c8 Deuteranopia 1% of men
#72d3e3 Tritanopia 0.001% of the population

Trichromacy

#a3cbb7 Protanomaly 1% of men, 0.01% of women
#a9c8c3 Deuteranomaly 6% of men, 0.4% of women
#69d4d4 Tritanomaly 0.01% of the population

#5ad7bc hex color

#5ad7bc Color Information

#5ad7bc Color Conversion

Color Schemes with #5ad7bc

Alternatives to #5ad7bc

#5ad7bc Preview

Shades and Tints of #5ad7bc

Tones of #5ad7bc

Color Blindness Simulator