#5af1d1 hex color

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

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

● #5af1d1 color description : Soft cyan.

The hexadecimal color #5af1d1 has RGB values of R:90, G:241, B:209 and CMYK values of C:0.63, M:0, Y:0.13, K:0.05. Its decimal value is 5960145.

Hex triplet	5af1d1	`#5af1d1`
RGB Decimal	90, 241, 209	`rgb(90,241,209)`
RGB Percent	35.3, 94.5, 82	`rgb(35.3%,94.5%,82%)`
CMYK	63, 0, 13, 5
HSL	167.3°, 84.4, 64.9	`hsl(167.3,84.4%,64.9%)`
HSV (or HSB)	167.3°, 62.7, 94.5
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.841, -47.4, 3.651
XYZ	47.176, 69.684, 71.282
xyY	0.251, 0.37, 69.684
CIE-LCH	86.841, 47.541, 175.595
CIE-LUV	86.841, -60.262, 13.288
Hunter-Lab	83.477, -45.206, 7.805
Binary	01011010, 11110001, 11010001

#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#f15a7a
```
#f15a7a rgb(241,90,122)
```

Complementary Color

#5af186
```
#5af186 rgb(90,241,134)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#5ac6f1
```
#5ac6f1 rgb(90,198,241)
```

Analogous Color

#f1865a
```
#f1865a rgb(241,134,90)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#f15ac6
```
#f15ac6 rgb(241,90,198)
```

Split Complementary Color

#f1d15a
```
#f1d15a rgb(241,209,90)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#d15af1
```
#d15af1 rgb(209,90,241)
```

Triadic Color

#7af15a
```
#7af15a rgb(122,241,90)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#d15af1
```
#d15af1 rgb(209,90,241)
```
#f15a7a
```
#f15a7a rgb(241,90,122)
```

Tetradic Color

#14ebbd
```
#14ebbd rgb(20,235,189)
```
#2bedc4
```
#2bedc4 rgb(43,237,196)
```
#42efca
```
#42efca rgb(66,239,202)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#72f3d8
```
#72f3d8 rgb(114,243,216)
```
#89f5de
```
#89f5de rgb(137,245,222)
```
#a1f7e5
```
#a1f7e5 rgb(161,247,229)
```

Monochromatic Color

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

#5af1ab
```
#5af1ab rgb(90,241,171)
```
#5af1b8
```
#5af1b8 rgb(90,241,184)
```
#5af1c4
```
#5af1c4 rgb(90,241,196)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#5af1de
```
#5af1de rgb(90,241,222)
```
#5af1ea
```
#5af1ea rgb(90,241,234)
```
#5aebf1
```
#5aebf1 rgb(90,235,241)
```

Similar Colors

Text with hexadecimal color #5af1d1

This text has a font color of #5af1d1.

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

#5af1d1 background color

This paragraph has a background color of #5af1d1.

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

#5af1d1 border color

This element has a border color of #5af1d1.

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

CSS codes

.text {color:#5af1d1;}

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

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

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)
```
#03221b
```
#03221b rgb(3,34,27)
```
#04342a
```
#04342a rgb(4,52,42)
```
#064638
```
#064638 rgb(6,70,56)
```
#075847
```
#075847 rgb(7,88,71)
```
#096a56
```
#096a56 rgb(9,106,86)
```
#0b7c64
```
#0b7c64 rgb(11,124,100)
```
#0c8e73
```
#0c8e73 rgb(12,142,115)
```
#0ea081
```
#0ea081 rgb(14,160,129)
```
#0fb390
```
#0fb390 rgb(15,179,144)
```
#11c59e
```
#11c59e rgb(17,197,158)
```
#12d7ad
```
#12d7ad rgb(18,215,173)
```
#14e9bc
```
#14e9bc rgb(20,233,188)
```

Shade Color Variation

#24ecc2
```
#24ecc2 rgb(36,236,194)
```
#36eec7
```
#36eec7 rgb(54,238,199)
```
#48efcc
```
#48efcc rgb(72,239,204)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#6cf3d6
```
#6cf3d6 rgb(108,243,214)
```
#7ef4db
```
#7ef4db rgb(126,244,219)
```
#90f6e0
```
#90f6e0 rgb(144,246,224)
```
#a2f7e5
```
#a2f7e5 rgb(162,247,229)
```
#b4f9ea
```
#b4f9ea rgb(180,249,234)
```
#c6faef
```
#c6faef rgb(198,250,239)
```
#d9fcf4
```
#d9fcf4 rgb(217,252,244)
```
#ebfdf9
```
#ebfdf9 rgb(235,253,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#9faca9
```
#9faca9 rgb(159,172,169)
```
#98b3ad
```
#98b3ad rgb(152,179,173)
```
#91bab1
```
#91bab1 rgb(145,186,177)
```
#8ac1b5
```
#8ac1b5 rgb(138,193,181)
```
#83c8b9
```
#83c8b9 rgb(131,200,185)
```
#7ccfbd
```
#7ccfbd rgb(124,207,189)
```
#76d5c1
```
#76d5c1 rgb(118,213,193)
```
#6fdcc5
```
#6fdcc5 rgb(111,220,197)
```
#68e3c9
```
#68e3c9 rgb(104,227,201)
```
#61eacd
```
#61eacd rgb(97,234,205)
```
#5af1d1
```
#5af1d1 rgb(90,241,209)
```
#53f8d5
```
#53f8d5 rgb(83,248,213)
```
#4cffd9
```
#4cffd9 rgb(76,255,217)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#accac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3dac7 Protanopia 1% of men
#eed4dd Deuteranopia 1% of men
#77ebfc Tritanopia 0.001% of the population

Trichromacy

#b1e2cb Protanomaly 1% of men, 0.01% of women
#b8dfd8 Deuteranomaly 6% of men, 0.4% of women
#6cedec Tritanomaly 0.01% of the population

#5af1d1 hex color

#5af1d1 Color Information

#5af1d1 Color Conversion

Color Schemes with #5af1d1

Alternatives to #5af1d1

#5af1d1 Preview

Shades and Tints of #5af1d1

Tones of #5af1d1

Color Blindness Simulator