#5ad4c4 hex color

In a RGB color space, hex #5ad4c4 is composed of 35.3% red, 83.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 0% magenta, 7.5% yellow and 16.9% black. It has a hue angle of 172.1 degrees, a saturation of 58.7% and a lightness of 59.2%. #5ad4c4 color hex could be obtained by blending #b4ffff with #00a989. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 83
- B 77
RGB color chart
- C 58
- M 0
- Y 8
- K 17
CMYK color chart

● #5ad4c4 color description : Moderate cyan.

The hexadecimal color #5ad4c4 has RGB values of R:90, G:212, B:196 and CMYK values of C:0.58, M:0, Y:0.08, K:0.17. Its decimal value is 5952708.

Hex triplet	5ad4c4	`#5ad4c4`
RGB Decimal	90, 212, 196	`rgb(90,212,196)`
RGB Percent	35.3, 83.1, 76.9	`rgb(35.3%,83.1%,76.9%)`
CMYK	58, 0, 8, 17
HSL	172.1°, 58.7, 59.2	`hsl(172.1,58.7%,59.2%)`
HSV (or HSB)	172.1°, 57.5, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.018, -37.814, -2.332
XYZ	37.721, 53.243, 60.511
xyY	0.249, 0.351, 53.243
CIE-LCH	78.018, 37.886, 183.529
CIE-LUV	78.018, -50.317, 2.46
Hunter-Lab	72.968, -35.419, 1.91
Binary	01011010, 11010100, 11000100

#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#d45a6a
```
#d45a6a rgb(212,90,106)
```

Complementary Color

#5ad487
```
#5ad487 rgb(90,212,135)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#5aa7d4
```
#5aa7d4 rgb(90,167,212)
```

Analogous Color

#d4875a
```
#d4875a rgb(212,135,90)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#d45aa7
```
#d45aa7 rgb(212,90,167)
```

Split Complementary Color

#d4c45a
```
#d4c45a rgb(212,196,90)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#c45ad4
```
#c45ad4 rgb(196,90,212)
```

Triadic Color

#6ad45a
```
#6ad45a rgb(106,212,90)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#c45ad4
```
#c45ad4 rgb(196,90,212)
```
#d45a6a
```
#d45a6a rgb(212,90,106)
```

Tetradic Color

#2fb3a2
```
#2fb3a2 rgb(47,179,162)
```
#34c7b4
```
#34c7b4 rgb(52,199,180)
```
#46cfbd
```
#46cfbd rgb(70,207,189)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#6ed9cb
```
#6ed9cb rgb(110,217,203)
```
#82dfd2
```
#82dfd2 rgb(130,223,210)
```
#97e4da
```
#97e4da rgb(151,228,218)
```

Monochromatic Color

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

#5ad4a6
```
#5ad4a6 rgb(90,212,166)
```
#5ad4b0
```
#5ad4b0 rgb(90,212,176)
```
#5ad4ba
```
#5ad4ba rgb(90,212,186)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#5ad4ce
```
#5ad4ce rgb(90,212,206)
```
#5ad0d4
```
#5ad0d4 rgb(90,208,212)
```
#5ac6d4
```
#5ac6d4 rgb(90,198,212)
```

Similar Colors

Text with hexadecimal color #5ad4c4

This text has a font color of #5ad4c4.

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

#5ad4c4 background color

This paragraph has a background color of #5ad4c4.

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

#5ad4c4 border color

This element has a border color of #5ad4c4.

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

CSS codes

.text {color:#5ad4c4;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#061614
```
#061614 rgb(6,22,20)
```
#0a2522
```
#0a2522 rgb(10,37,34)
```
#0e3530
```
#0e3530 rgb(14,53,48)
```
#12443e
```
#12443e rgb(18,68,62)
```
#16544c
```
#16544c rgb(22,84,76)
```
#1a645a
```
#1a645a rgb(26,100,90)
```
#1e7368
```
#1e7368 rgb(30,115,104)
```
#228376
```
#228376 rgb(34,131,118)
```
#269284
```
#269284 rgb(38,146,132)
```
#2aa292
```
#2aa292 rgb(42,162,146)
```
#2eb1a0
```
#2eb1a0 rgb(46,177,160)
```
#32c1ae
```
#32c1ae rgb(50,193,174)
```

Shade Color Variation

#3bccb9
```
#3bccb9 rgb(59,204,185)
```
#4ad0be
```
#4ad0be rgb(74,208,190)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#6ad8ca
```
#6ad8ca rgb(106,216,202)
```
#79dccf
```
#79dccf rgb(121,220,207)
```
#89e0d5
```
#89e0d5 rgb(137,224,213)
```
#98e4da
```
#98e4da rgb(152,228,218)
```
#a8e8e0
```
#a8e8e0 rgb(168,232,224)
```
#b7ece5
```
#b7ece5 rgb(183,236,229)
```
#c7f0eb
```
#c7f0eb rgb(199,240,235)
```
#d6f4f1
```
#d6f4f1 rgb(214,244,241)
```
#e6f8f6
```
#e6f8f6 rgb(230,248,246)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929c9b is the less saturated color, while #32fce2 is the most saturated one.

#929c9b
```
#929c9b rgb(146,156,155)
```
#8aa4a1
```
#8aa4a1 rgb(138,164,161)
```
#82aca6
```
#82aca6 rgb(130,172,166)
```
#7ab4ac
```
#7ab4ac rgb(122,180,172)
```
#72bcb2
```
#72bcb2 rgb(114,188,178)
```
#6ac4b8
```
#6ac4b8 rgb(106,196,184)
```
#62ccbe
```
#62ccbe rgb(98,204,190)
```
#5ad4c4
```
#5ad4c4 rgb(90,212,196)
```
#52dcca
```
#52dcca rgb(82,220,202)
```
#4ae4d0
```
#4ae4d0 rgb(74,228,208)
```
#42ecd6
```
#42ecd6 rgb(66,236,214)
```
#3af4dc
```
#3af4dc rgb(58,244,220)
```
#32fce2
```
#32fce2 rgb(50,252,226)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9db6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c3bd Protanopia 1% of men
#d0becf Deuteranopia 1% of men
#6fd2e1 Tritanopia 0.001% of the population

Trichromacy

#a0c9bf Protanomaly 1% of men, 0.01% of women
#a5c6cb Deuteranomaly 6% of men, 0.4% of women
#67d2d6 Tritanomaly 0.01% of the population

#5ad4c4 hex color

#5ad4c4 Color Information

#5ad4c4 Color Conversion

Color Schemes with #5ad4c4

Alternatives to #5ad4c4

#5ad4c4 Preview

Shades and Tints of #5ad4c4

Tones of #5ad4c4

Color Blindness Simulator