#5ad1ea hex color

In a RGB color space, hex #5ad1ea is composed of 35.3% red, 82% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 10.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 190.4 degrees, a saturation of 77.4% and a lightness of 63.5%. #5ad1ea color hex could be obtained by blending #b4ffff with #00a3d5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 82
- B 92
RGB color chart
- C 62
- M 11
- Y 0
- K 8
CMYK color chart

● #5ad1ea color description : Soft cyan.

The hexadecimal color #5ad1ea has RGB values of R:90, G:209, B:234 and CMYK values of C:0.62, M:0.11, Y:0, K:0.08. Its decimal value is 5951978.

Hex triplet	5ad1ea	`#5ad1ea`
RGB Decimal	90, 209, 234	`rgb(90,209,234)`
RGB Percent	35.3, 82, 91.8	`rgb(35.3%,82%,91.8%)`
CMYK	62, 11, 0, 8
HSL	190.4°, 77.4, 63.5	`hsl(190.4,77.4%,63.5%)`
HSV (or HSB)	190.4°, 61.5, 91.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.293, -26.01, -22.298
XYZ	41.864, 53.712, 85.999
xyY	0.231, 0.296, 53.712
CIE-LCH	78.293, 34.26, 220.606
CIE-LUV	78.293, -47.195, -31.631
Hunter-Lab	73.288, -26.291, -18.271
Binary	01011010, 11010001, 11101010

#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#ea735a
```
#ea735a rgb(234,115,90)
```

Complementary Color

#5aeabb
```
#5aeabb rgb(90,234,187)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#5a89ea
```
#5a89ea rgb(90,137,234)
```

Analogous Color

#eabb5a
```
#eabb5a rgb(234,187,90)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#ea5a89
```
#ea5a89 rgb(234,90,137)
```

Split Complementary Color

#d1ea5a
```
#d1ea5a rgb(209,234,90)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#ea5ad1
```
#ea5ad1 rgb(234,90,209)
```

Triadic Color

#5aea73
```
#5aea73 rgb(90,234,115)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#ea5ad1
```
#ea5ad1 rgb(234,90,209)
```
#ea735a
```
#ea735a rgb(234,115,90)
```

Tetradic Color

#1cbadc
```
#1cbadc rgb(28,186,220)
```
#2dc4e4
```
#2dc4e4 rgb(45,196,228)
```
#43cbe7
```
#43cbe7 rgb(67,203,231)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#71d7ed
```
#71d7ed rgb(113,215,237)
```
#87def0
```
#87def0 rgb(135,222,240)
```
#9ee4f3
```
#9ee4f3 rgb(158,228,243)
```

Monochromatic Color

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

#5aeadf
```
#5aeadf rgb(90,234,223)
```
#5ae9ea
```
#5ae9ea rgb(90,233,234)
```
#5addea
```
#5addea rgb(90,221,234)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#5ac5ea
```
#5ac5ea rgb(90,197,234)
```
#5ab9ea
```
#5ab9ea rgb(90,185,234)
```
#5aadea
```
#5aadea rgb(90,173,234)
```

Similar Colors

Text with hexadecimal color #5ad1ea

This text has a font color of #5ad1ea.

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

#5ad1ea background color

This paragraph has a background color of #5ad1ea.

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

#5ad1ea border color

This element has a border color of #5ad1ea.

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

CSS codes

.text {color:#5ad1ea;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#03161a
```
#03161a rgb(3,22,26)
```
#06252c
```
#06252c rgb(6,37,44)
```
#08343d
```
#08343d rgb(8,52,61)
```
#0a434f
```
#0a434f rgb(10,67,79)
```
#0c5160
```
#0c5160 rgb(12,81,96)
```
#0e6071
```
#0e6071 rgb(14,96,113)
```
#116f83
```
#116f83 rgb(17,111,131)
```
#137e94
```
#137e94 rgb(19,126,148)
```
#158da6
```
#158da6 rgb(21,141,166)
```
#179bb7
```
#179bb7 rgb(23,155,183)
```
#1aaac8
```
#1aaac8 rgb(26,170,200)
```
#1cb9da
```
#1cb9da rgb(28,185,218)
```

Shade Color Variation

#26c2e3
```
#26c2e3 rgb(38,194,227)
```
#37c7e6
```
#37c7e6 rgb(55,199,230)
```
#49cce8
```
#49cce8 rgb(73,204,232)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#6bd6ec
```
#6bd6ec rgb(107,214,236)
```
#7ddbee
```
#7ddbee rgb(125,219,238)
```
#8ee0f1
```
#8ee0f1 rgb(142,224,241)
```
#a0e4f3
```
#a0e4f3 rgb(160,228,243)
```
#b1e9f5
```
#b1e9f5 rgb(177,233,245)
```
#c2eef7
```
#c2eef7 rgb(194,238,247)
```
#d4f3fa
```
#d4f3fa rgb(212,243,250)
```
#e5f8fc
```
#e5f8fc rgb(229,248,252)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a2a2 is the less saturated color, while #4cdaf8 is the most saturated one.

#a2a2a2
```
#a2a2a2 rgb(162,162,162)
```
#9aa7aa
```
#9aa7aa rgb(154,167,170)
```
#93acb1
```
#93acb1 rgb(147,172,177)
```
#8cb0b8
```
#8cb0b8 rgb(140,176,184)
```
#85b5bf
```
#85b5bf rgb(133,181,191)
```
#7ebac6
```
#7ebac6 rgb(126,186,198)
```
#77becd
```
#77becd rgb(119,190,205)
```
#6fc3d5
```
#6fc3d5 rgb(111,195,213)
```
#68c8dc
```
#68c8dc rgb(104,200,220)
```
#61cce3
```
#61cce3 rgb(97,204,227)
```
#5ad1ea
```
#5ad1ea rgb(90,209,234)
```
#53d6f1
```
#53d6f1 rgb(83,214,241)
```
#4cdaf8
```
#4cdaf8 rgb(76,218,248)
```

Tone Color Variation

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

Dichromacy

#bfc3e1 Protanopia 1% of men
#bec1f1 Deuteranopia 1% of men
#5ed4e4 Tritanopia 0.001% of the population

Trichromacy

#9ac8e4 Protanomaly 1% of men, 0.01% of women
#99c7ef Deuteranomaly 6% of men, 0.4% of women
#5cd3e6 Tritanomaly 0.01% of the population

#5ad1ea hex color

#5ad1ea Color Information

#5ad1ea Color Conversion

Color Schemes with #5ad1ea

Alternatives to #5ad1ea

#5ad1ea Preview

Shades and Tints of #5ad1ea

Tones of #5ad1ea

Color Blindness Simulator