#5ad4da hex color

In a RGB color space, hex #5ad4da is composed of 35.3% red, 83.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 2.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 182.8 degrees, a saturation of 63.4% and a lightness of 60.4%. #5ad4da color hex could be obtained by blending #b4ffff with #00a9b5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 83
- B 85
RGB color chart
- C 59
- M 3
- Y 0
- K 15
CMYK color chart

● #5ad4da color description : Soft cyan.

The hexadecimal color #5ad4da has RGB values of R:90, G:212, B:218 and CMYK values of C:0.59, M:0.03, Y:0, K:0.15. Its decimal value is 5952730.

Hex triplet	5ad4da	`#5ad4da`
RGB Decimal	90, 212, 218	`rgb(90,212,218)`
RGB Percent	35.3, 83.1, 85.5	`rgb(35.3%,83.1%,85.5%)`
CMYK	59, 3, 0, 15
HSL	182.8°, 63.4, 60.4	`hsl(182.8,63.4%,60.4%)`
HSV (or HSB)	182.8°, 58.7, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.648, -31.99, -13.193
XYZ	40.411, 54.319, 74.681
xyY	0.239, 0.321, 54.319
CIE-LCH	78.648, 34.604, 202.412
CIE-LUV	78.648, -49.142, -15.702
Hunter-Lab	73.702, -31.105, -8.487
Binary	01011010, 11010100, 11011010

#5ad4da
```
#5ad4da rgb(90,212,218)
```
#da605a
```
#da605a rgb(218,96,90)
```

Complementary Color

#5adaa0
```
#5adaa0 rgb(90,218,160)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#5a94da
```
#5a94da rgb(90,148,218)
```

Analogous Color

#daa05a
```
#daa05a rgb(218,160,90)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#da5a94
```
#da5a94 rgb(218,90,148)
```

Split Complementary Color

#d4da5a
```
#d4da5a rgb(212,218,90)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#da5ad4
```
#da5ad4 rgb(218,90,212)
```

Triadic Color

#5ada60
```
#5ada60 rgb(90,218,96)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#da5ad4
```
#da5ad4 rgb(218,90,212)
```
#da605a
```
#da605a rgb(218,96,90)
```

Tetradic Color

#2ab6bd
```
#2ab6bd rgb(42,182,189)
```
#30c9d1
```
#30c9d1 rgb(48,201,209)
```
#45cfd5
```
#45cfd5 rgb(69,207,213)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#6fd9df
```
#6fd9df rgb(111,217,223)
```
#84dfe3
```
#84dfe3 rgb(132,223,227)
```
#98e4e8
```
#98e4e8 rgb(152,228,232)
```

Monochromatic Color

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

#5adac0
```
#5adac0 rgb(90,218,192)
```
#5adacb
```
#5adacb rgb(90,218,203)
```
#5adad5
```
#5adad5 rgb(90,218,213)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#5ac9da
```
#5ac9da rgb(90,201,218)
```
#5abfda
```
#5abfda rgb(90,191,218)
```
#5ab4da
```
#5ab4da rgb(90,180,218)
```

Similar Colors

Text with hexadecimal color #5ad4da

This text has a font color of #5ad4da.

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

#5ad4da background color

This paragraph has a background color of #5ad4da.

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

#5ad4da border color

This element has a border color of #5ad4da.

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

CSS codes

.text {color:#5ad4da;}

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

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

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, #030b0b is the darkest color, while #fafefe is the lightest one.

#030b0b
```
#030b0b rgb(3,11,11)
```
#061a1b
```
#061a1b rgb(6,26,27)
```
#0a2a2b
```
#0a2a2b rgb(10,42,43)
```
#0d393b
```
#0d393b rgb(13,57,59)
```
#11494b
```
#11494b rgb(17,73,75)
```
#14585b
```
#14585b rgb(20,88,91)
```
#18676b
```
#18676b rgb(24,103,107)
```
#1c777b
```
#1c777b rgb(28,119,123)
```
#1f868b
```
#1f868b rgb(31,134,139)
```
#23969b
```
#23969b rgb(35,150,155)
```
#26a5ab
```
#26a5ab rgb(38,165,171)
```
#2ab5bb
```
#2ab5bb rgb(42,181,187)
```
#2ec4cc
```
#2ec4cc rgb(46,196,204)
```

Shade Color Variation

#3accd3
```
#3accd3 rgb(58,204,211)
```
#4ad0d6
```
#4ad0d6 rgb(74,208,214)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#6ad8de
```
#6ad8de rgb(106,216,222)
```
#7adce1
```
#7adce1 rgb(122,220,225)
```
#8ae1e5
```
#8ae1e5 rgb(138,225,229)
```
#9ae5e8
```
#9ae5e8 rgb(154,229,232)
```
#aae9ec
```
#aae9ec rgb(170,233,236)
```
#baedf0
```
#baedf0 rgb(186,237,240)
```
#caf1f3
```
#caf1f3 rgb(202,241,243)
```
#daf5f7
```
#daf5f7 rgb(218,245,247)
```
#eafafa
```
#eafafa rgb(234,250,250)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#989c9c
```
#989c9c rgb(152,156,156)
```
#90a3a4
```
#90a3a4 rgb(144,163,164)
```
#89aaab
```
#89aaab rgb(137,170,171)
```
#81b1b3
```
#81b1b3 rgb(129,177,179)
```
#79b8bb
```
#79b8bb rgb(121,184,187)
```
#71bfc3
```
#71bfc3 rgb(113,191,195)
```
#6ac6ca
```
#6ac6ca rgb(106,198,202)
```
#62cdd2
```
#62cdd2 rgb(98,205,210)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#52dbe2
```
#52dbe2 rgb(82,219,226)
```
#4ae2ea
```
#4ae2ea rgb(74,226,234)
```
#43e9f1
```
#43e9f1 rgb(67,233,241)
```
#3bf0f9
```
#3bf0f9 rgb(59,240,249)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9fb7b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c4d1 Protanopia 1% of men
#c9c1e3 Deuteranopia 1% of men
#67d4e4 Tritanopia 0.001% of the population

Trichromacy

#9ecad4 Protanomaly 1% of men, 0.01% of women
#a0c8e0 Deuteranomaly 6% of men, 0.4% of women
#62d4e0 Tritanomaly 0.01% of the population

#5ad4da hex color

#5ad4da Color Information

#5ad4da Color Conversion

Color Schemes with #5ad4da

Alternatives to #5ad4da

#5ad4da Preview

Shades and Tints of #5ad4da

Tones of #5ad4da

Color Blindness Simulator