#5ad6e1 hex color

In a RGB color space, hex #5ad6e1 is composed of 35.3% red, 83.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 4.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 184.9 degrees, a saturation of 69.2% and a lightness of 61.8%. #5ad6e1 color hex could be obtained by blending #b4ffff with #00adc3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 84
- B 88
RGB color chart
- C 60
- M 5
- Y 0
- K 12
CMYK color chart

● #5ad6e1 color description : Soft cyan.

The hexadecimal color #5ad6e1 has RGB values of R:90, G:214, B:225 and CMYK values of C:0.6, M:0.05, Y:0, K:0.12. Its decimal value is 5953249.

Hex triplet	5ad6e1	`#5ad6e1`
RGB Decimal	90, 214, 225	`rgb(90,214,225)`
RGB Percent	35.3, 83.9, 88.2	`rgb(35.3%,83.9%,88.2%)`
CMYK	60, 5, 0, 12
HSL	184.9°, 69.2, 61.8	`hsl(184.9,69.2%,61.8%)`
HSV (or HSB)	184.9°, 60, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.443, -31.007, -15.746
XYZ	41.85, 55.7, 79.776
xyY	0.236, 0.314, 55.7
CIE-LCH	79.443, 34.776, 206.922
CIE-LUV	79.443, -49.501, -20.052
Hunter-Lab	74.632, -30.513, -11.134
Binary	01011010, 11010110, 11100001

#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#e1655a
```
#e1655a rgb(225,101,90)
```

Complementary Color

#5ae1a9
```
#5ae1a9 rgb(90,225,169)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#5a93e1
```
#5a93e1 rgb(90,147,225)
```

Analogous Color

#e1a95a
```
#e1a95a rgb(225,169,90)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#e15a93
```
#e15a93 rgb(225,90,147)
```

Split Complementary Color

#d6e15a
```
#d6e15a rgb(214,225,90)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#e15ad6
```
#e15ad6 rgb(225,90,214)
```

Triadic Color

#5ae165
```
#5ae165 rgb(90,225,101)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#e15ad6
```
#e15ad6 rgb(225,90,214)
```
#e1655a
```
#e1655a rgb(225,101,90)
```

Tetradic Color

#25bcca
```
#25bcca rgb(37,188,202)
```
#2fcbd9
```
#2fcbd9 rgb(47,203,217)
```
#44d1dd
```
#44d1dd rgb(68,209,221)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#70dbe5
```
#70dbe5 rgb(112,219,229)
```
#85e1e9
```
#85e1e9 rgb(133,225,233)
```
#9be6ed
```
#9be6ed rgb(155,230,237)
```

Monochromatic Color

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

#5ae1ca
```
#5ae1ca rgb(90,225,202)
```
#5ae1d6
```
#5ae1d6 rgb(90,225,214)
```
#5ae1e1
```
#5ae1e1 rgb(90,225,225)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#5acbe1
```
#5acbe1 rgb(90,203,225)
```
#5ac0e1
```
#5ac0e1 rgb(90,192,225)
```
#5ab4e1
```
#5ab4e1 rgb(90,180,225)
```

Similar Colors

Text with hexadecimal color #5ad6e1

This text has a font color of #5ad6e1.

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

#5ad6e1 background color

This paragraph has a background color of #5ad6e1.

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

#5ad6e1 border color

This element has a border color of #5ad6e1.

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

CSS codes

.text {color:#5ad6e1;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031012
```
#031012 rgb(3,16,18)
```
#062022
```
#062022 rgb(6,32,34)
```
#092f33
```
#092f33 rgb(9,47,51)
```
#0c3f43
```
#0c3f43 rgb(12,63,67)
```
#0f4e54
```
#0f4e54 rgb(15,78,84)
```
#125e65
```
#125e65 rgb(18,94,101)
```
#156d75
```
#156d75 rgb(21,109,117)
```
#187d86
```
#187d86 rgb(24,125,134)
```
#1b8c96
```
#1b8c96 rgb(27,140,150)
```
#1e9ca7
```
#1e9ca7 rgb(30,156,167)
```
#21abb8
```
#21abb8 rgb(33,171,184)
```
#24bbc8
```
#24bbc8 rgb(36,187,200)
```

Shade Color Variation

#28cad8
```
#28cad8 rgb(40,202,216)
```
#39cedb
```
#39cedb rgb(57,206,219)
```
#49d2de
```
#49d2de rgb(73,210,222)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#6bdae4
```
#6bdae4 rgb(107,218,228)
```
#7bdee7
```
#7bdee7 rgb(123,222,231)
```
#8ce2ea
```
#8ce2ea rgb(140,226,234)
```
#9ce6ed
```
#9ce6ed rgb(156,230,237)
```
#adebf0
```
#adebf0 rgb(173,235,240)
```
#beeff3
```
#beeff3 rgb(190,239,243)
```
#cef3f6
```
#cef3f6 rgb(206,243,246)
```
#dff7f9
```
#dff7f9 rgb(223,247,249)
```
#effbfc
```
#effbfc rgb(239,251,252)
```

Tint Color Variation

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

#96a4a5
```
#96a4a5 rgb(150,164,165)
```
#8faaad
```
#8faaad rgb(143,170,173)
```
#87b0b4
```
#87b0b4 rgb(135,176,180)
```
#80b7bc
```
#80b7bc rgb(128,183,188)
```
#78bdc3
```
#78bdc3 rgb(120,189,195)
```
#71c3cb
```
#71c3cb rgb(113,195,203)
```
#69c9d2
```
#69c9d2 rgb(105,201,210)
```
#62d0da
```
#62d0da rgb(98,208,218)
```
#5ad6e1
```
#5ad6e1 rgb(90,214,225)
```
#53dce9
```
#53dce9 rgb(83,220,233)
```
#4be3f0
```
#4be3f0 rgb(75,227,240)
```
#44e9f8
```
#44e9f8 rgb(68,233,248)
```
#3cefff
```
#3cefff rgb(60,239,255)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a0b9bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c6d8 Protanopia 1% of men
#c8c3ea Deuteranopia 1% of men
#65d7e7 Tritanopia 0.001% of the population

Trichromacy

#9eccdb Protanomaly 1% of men, 0.01% of women
#a0cae6 Deuteranomaly 6% of men, 0.4% of women
#61d6e4 Tritanomaly 0.01% of the population

#5ad6e1 hex color

#5ad6e1 Color Information

#5ad6e1 Color Conversion

Color Schemes with #5ad6e1

Alternatives to #5ad6e1

#5ad6e1 Preview

Shades and Tints of #5ad6e1

Tones of #5ad6e1

Color Blindness Simulator