#5ad1e8 hex color

In a RGB color space, hex #5ad1e8 is composed of 35.3% red, 82% green and 91% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 9.9% magenta, 0% yellow and 9% black. It has a hue angle of 189.7 degrees, a saturation of 75.5% and a lightness of 63.1%. #5ad1e8 color hex could be obtained by blending #b4ffff with #00a3d1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 82
- B 91
RGB color chart
- C 61
- M 10
- Y 0
- K 9
CMYK color chart

● #5ad1e8 color description : Soft cyan.

The hexadecimal color #5ad1e8 has RGB values of R:90, G:209, B:232 and CMYK values of C:0.61, M:0.1, Y:0, K:0.09. Its decimal value is 5951976.

Hex triplet	5ad1e8	`#5ad1e8`
RGB Decimal	90, 209, 232	`rgb(90,209,232)`
RGB Percent	35.3, 82, 91	`rgb(35.3%,82%,91%)`
CMYK	61, 10, 0, 9
HSL	189.7°, 75.5, 63.1	`hsl(189.7,75.5%,63.1%)`
HSV (or HSB)	189.7°, 61.2, 91
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.226, -26.589, -21.329
XYZ	41.578, 53.598, 84.494
xyY	0.231, 0.298, 53.598
CIE-LCH	78.226, 34.087, 218.736
CIE-LUV	78.226, -47.299, -29.919
Hunter-Lab	73.21, -26.742, -17.181
Binary	01011010, 11010001, 11101000

#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#e8715a
```
#e8715a rgb(232,113,90)
```

Complementary Color

#5ae8b8
```
#5ae8b8 rgb(90,232,184)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#5a8ae8
```
#5a8ae8 rgb(90,138,232)
```

Analogous Color

#e8b85a
```
#e8b85a rgb(232,184,90)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#e85a8a
```
#e85a8a rgb(232,90,138)
```

Split Complementary Color

#d1e85a
```
#d1e85a rgb(209,232,90)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#e85ad1
```
#e85ad1 rgb(232,90,209)
```

Triadic Color

#5ae871
```
#5ae871 rgb(90,232,113)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#e85ad1
```
#e85ad1 rgb(232,90,209)
```
#e8715a
```
#e8715a rgb(232,113,90)
```

Tetradic Color

#1eb9d7
```
#1eb9d7 rgb(30,185,215)
```
#2dc5e2
```
#2dc5e2 rgb(45,197,226)
```
#44cbe5
```
#44cbe5 rgb(68,203,229)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#70d7eb
```
#70d7eb rgb(112,215,235)
```
#87ddee
```
#87ddee rgb(135,221,238)
```
#9de4f1
```
#9de4f1 rgb(157,228,241)
```

Monochromatic Color

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

#5ae8dc
```
#5ae8dc rgb(90,232,220)
```
#5ae8e7
```
#5ae8e7 rgb(90,232,231)
```
#5adde8
```
#5adde8 rgb(90,221,232)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#5ac5e8
```
#5ac5e8 rgb(90,197,232)
```
#5ab9e8
```
#5ab9e8 rgb(90,185,232)
```
#5aaee8
```
#5aaee8 rgb(90,174,232)
```

Similar Colors

Text with hexadecimal color #5ad1e8

This text has a font color of #5ad1e8.

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

#5ad1e8 background color

This paragraph has a background color of #5ad1e8.

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

#5ad1e8 border color

This element has a border color of #5ad1e8.

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

CSS codes

.text {color:#5ad1e8;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#031518
```
#031518 rgb(3,21,24)
```
#06242a
```
#06242a rgb(6,36,42)
```
#08333b
```
#08333b rgb(8,51,59)
```
#0b414c
```
#0b414c rgb(11,65,76)
```
#0d505d
```
#0d505d rgb(13,80,93)
```
#0f5f6e
```
#0f5f6e rgb(15,95,110)
```
#126e80
```
#126e80 rgb(18,110,128)
```
#147d91
```
#147d91 rgb(20,125,145)
```
#178ca2
```
#178ca2 rgb(23,140,162)
```
#199ab3
```
#199ab3 rgb(25,154,179)
```
#1ba9c5
```
#1ba9c5 rgb(27,169,197)
```
#1eb8d6
```
#1eb8d6 rgb(30,184,214)
```

Shade Color Variation

#26c3e1
```
#26c3e1 rgb(38,195,225)
```
#38c7e3
```
#38c7e3 rgb(56,199,227)
```
#49cce6
```
#49cce6 rgb(73,204,230)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#6bd6ea
```
#6bd6ea rgb(107,214,234)
```
#7cdbed
```
#7cdbed rgb(124,219,237)
```
#8edfef
```
#8edfef rgb(142,223,239)
```
#9fe4f2
```
#9fe4f2 rgb(159,228,242)
```
#b0e9f4
```
#b0e9f4 rgb(176,233,244)
```
#c1eef6
```
#c1eef6 rgb(193,238,246)
```
#d3f3f9
```
#d3f3f9 rgb(211,243,249)
```
#e4f7fb
```
#e4f7fb rgb(228,247,251)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba5a7 is the less saturated color, while #44e0fe is the most saturated one.

#9ba5a7
```
#9ba5a7 rgb(155,165,167)
```
#94aaae
```
#94aaae rgb(148,170,174)
```
#8dafb5
```
#8dafb5 rgb(141,175,181)
```
#85b4bd
```
#85b4bd rgb(133,180,189)
```
#7eb9c4
```
#7eb9c4 rgb(126,185,196)
```
#77bdcb
```
#77bdcb rgb(119,189,203)
```
#70c2d2
```
#70c2d2 rgb(112,194,210)
```
#68c7da
```
#68c7da rgb(104,199,218)
```
#61cce1
```
#61cce1 rgb(97,204,225)
```
#5ad1e8
```
#5ad1e8 rgb(90,209,232)
```
#53d6ef
```
#53d6ef rgb(83,214,239)
```
#4cdbf6
```
#4cdbf6 rgb(76,219,246)
```
#44e0fe
```
#44e0fe rgb(68,224,254)
```

Tone Color Variation

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

Dichromacy

#bfc3df Protanopia 1% of men
#bfc1f0 Deuteranopia 1% of men
#5fd4e3 Tritanopia 0.001% of the population

Trichromacy

#9ac8e2 Protanomaly 1% of men, 0.01% of women
#9ac6ed Deuteranomaly 6% of men, 0.4% of women
#5dd3e5 Tritanomaly 0.01% of the population

#5ad1e8 hex color

#5ad1e8 Color Information

#5ad1e8 Color Conversion

Color Schemes with #5ad1e8

Alternatives to #5ad1e8

#5ad1e8 Preview

Shades and Tints of #5ad1e8

Tones of #5ad1e8

Color Blindness Simulator