#5af1d8 hex color

In a RGB color space, hex #5af1d8 is composed of 35.3% red, 94.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 10.4% yellow and 5.5% black. It has a hue angle of 170.1 degrees, a saturation of 84.4% and a lightness of 64.9%. #5af1d8 color hex could be obtained by blending #b4ffff with #00e3b1. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 95
- B 85
RGB color chart
- C 63
- M 0
- Y 10
- K 5
CMYK color chart

● #5af1d8 color description : Soft cyan.

The hexadecimal color #5af1d8 has RGB values of R:90, G:241, B:216 and CMYK values of C:0.63, M:0, Y:0.1, K:0.05. Its decimal value is 5960152.

Hex triplet	5af1d8	`#5af1d8`
RGB Decimal	90, 241, 216	`rgb(90,241,216)`
RGB Percent	35.3, 94.5, 84.7	`rgb(35.3%,94.5%,84.7%)`
CMYK	63, 0, 10, 5
HSL	170.1°, 84.4, 64.9	`hsl(170.1,84.4%,64.9%)`
HSV (or HSB)	170.1°, 62.7, 94.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	87.016, -45.688, 0.242
XYZ	48.062, 70.038, 75.948
xyY	0.248, 0.361, 70.038
CIE-LCH	87.016, 45.688, 179.696
CIE-LUV	87.016, -59.849, 7.765
Hunter-Lab	83.689, -43.943, 4.776
Binary	01011010, 11110001, 11011000

#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#f15a73
```
#f15a73 rgb(241,90,115)
```

Complementary Color

#5af18d
```
#5af18d rgb(90,241,141)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#5abff1
```
#5abff1 rgb(90,191,241)
```

Analogous Color

#f18d5a
```
#f18d5a rgb(241,141,90)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#f15abf
```
#f15abf rgb(241,90,191)
```

Split Complementary Color

#f1d85a
```
#f1d85a rgb(241,216,90)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#d85af1
```
#d85af1 rgb(216,90,241)
```

Triadic Color

#73f15a
```
#73f15a rgb(115,241,90)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#d85af1
```
#d85af1 rgb(216,90,241)
```
#f15a73
```
#f15a73 rgb(241,90,115)
```

Tetradic Color

#14ebc7
```
#14ebc7 rgb(20,235,199)
```
#2bedcd
```
#2bedcd rgb(43,237,205)
```
#42efd2
```
#42efd2 rgb(66,239,210)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#72f3de
```
#72f3de rgb(114,243,222)
```
#89f5e3
```
#89f5e3 rgb(137,245,227)
```
#a1f7e9
```
#a1f7e9 rgb(161,247,233)
```

Monochromatic Color

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

#5af1b2
```
#5af1b2 rgb(90,241,178)
```
#5af1bf
```
#5af1bf rgb(90,241,191)
```
#5af1cb
```
#5af1cb rgb(90,241,203)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#5af1e5
```
#5af1e5 rgb(90,241,229)
```
#5af1f1
```
#5af1f1 rgb(90,241,241)
```
#5ae4f1
```
#5ae4f1 rgb(90,228,241)
```

Similar Colors

Text with hexadecimal color #5af1d8

This text has a font color of #5af1d8.

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

#5af1d8 background color

This paragraph has a background color of #5af1d8.

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

#5af1d8 border color

This element has a border color of #5af1d8.

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

CSS codes

.text {color:#5af1d8;}

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

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

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, #01100d is the darkest color, while #fdfffe is the lightest one.

#01100d
```
#01100d rgb(1,16,13)
```
#03221d
```
#03221d rgb(3,34,29)
```
#04342c
```
#04342c rgb(4,52,44)
```
#06463b
```
#06463b rgb(6,70,59)
```
#07584b
```
#07584b rgb(7,88,75)
```
#096a5a
```
#096a5a rgb(9,106,90)
```
#0b7c69
```
#0b7c69 rgb(11,124,105)
```
#0c8e79
```
#0c8e79 rgb(12,142,121)
```
#0ea088
```
#0ea088 rgb(14,160,136)
```
#0fb397
```
#0fb397 rgb(15,179,151)
```
#11c5a7
```
#11c5a7 rgb(17,197,167)
```
#12d7b6
```
#12d7b6 rgb(18,215,182)
```
#14e9c6
```
#14e9c6 rgb(20,233,198)
```

Shade Color Variation

#24eccb
```
#24eccb rgb(36,236,203)
```
#36eecf
```
#36eecf rgb(54,238,207)
```
#48efd4
```
#48efd4 rgb(72,239,212)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#6cf3dc
```
#6cf3dc rgb(108,243,220)
```
#7ef4e1
```
#7ef4e1 rgb(126,244,225)
```
#90f6e5
```
#90f6e5 rgb(144,246,229)
```
#a2f7e9
```
#a2f7e9 rgb(162,247,233)
```
#b4f9ed
```
#b4f9ed rgb(180,249,237)
```
#c6faf2
```
#c6faf2 rgb(198,250,242)
```
#d9fcf6
```
#d9fcf6 rgb(217,252,246)
```
#ebfdfa
```
#ebfdfa rgb(235,253,250)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#9facaa
```
#9facaa rgb(159,172,170)
```
#98b3af
```
#98b3af rgb(152,179,175)
```
#91bab3
```
#91bab3 rgb(145,186,179)
```
#8ac1b8
```
#8ac1b8 rgb(138,193,184)
```
#83c8bc
```
#83c8bc rgb(131,200,188)
```
#7ccfc1
```
#7ccfc1 rgb(124,207,193)
```
#76d5c6
```
#76d5c6 rgb(118,213,198)
```
#6fdcca
```
#6fdcca rgb(111,220,202)
```
#68e3cf
```
#68e3cf rgb(104,227,207)
```
#61ead3
```
#61ead3 rgb(97,234,211)
```
#5af1d8
```
#5af1d8 rgb(90,241,216)
```
#53f8dd
```
#53f8dd rgb(83,248,221)
```
#4cffe1
```
#4cffe1 rgb(76,255,225)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#accbc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2dbce Protanopia 1% of men
#ecd5e3 Deuteranopia 1% of men
#75ecfd Tritanopia 0.001% of the population

Trichromacy

#b1e3d1 Protanomaly 1% of men, 0.01% of women
#b7dfdf Deuteranomaly 6% of men, 0.4% of women
#6beeef Tritanomaly 0.01% of the population

#5af1d8 hex color

#5af1d8 Color Information

#5af1d8 Color Conversion

Color Schemes with #5af1d8

Alternatives to #5af1d8

#5af1d8 Preview

Shades and Tints of #5af1d8

Tones of #5af1d8

Color Blindness Simulator