colorhexa.com

#5afdf1 hex color

In a RGB color space, hex #5afdf1 is composed of 35.3% red, 99.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 4.7% yellow and 0.8% black. It has a hue angle of 175.6 degrees, a saturation of 97.6% and a lightness of 67.3%. #5afdf1 color hex could be obtained by blending #b4ffff with #00fbe3. Closest websafe color is: #66ffff.

- R 35
- G 99
- B 95
RGB color chart
- C 64
- M 0
- Y 5
- K 1
CMYK color chart

● #5afdf1 color description : Soft cyan.

The hexadecimal color #5afdf1 has RGB values of R:90, G:253, B:241 and CMYK values of C:0.64, M:0, Y:0.05, K:0.01. Its decimal value is 5963249.

Hex triplet	5afdf1	`#5afdf1`
RGB Decimal	90, 253, 241	`rgb(90,253,241)`
RGB Percent	35.3, 99.2, 94.5	`rgb(35.3%,99.2%,94.5%)`
CMYK	64, 0, 5, 1
HSL	175.6°, 97.6, 67.3	`hsl(175.6,97.6%,67.3%)`
HSV (or HSB)	175.6°, 64.4, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.13, -44.572, -6.744
XYZ	55.214, 78.77, 95.509
xyY	0.241, 0.343, 78.77
CIE-LCH	91.13, 45.08, 188.603
CIE-LUV	91.13, -62.616, -3.485
Hunter-Lab	88.753, -44.27, -1.676
Binary	01011010, 11111101, 11110001

#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#fd5a66
```
#fd5a66 rgb(253,90,102)
```

Complementary Color

#5afda0
```
#5afda0 rgb(90,253,160)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#5ab8fd
```
#5ab8fd rgb(90,184,253)
```

Analogous Color

#fda05a
```
#fda05a rgb(253,160,90)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#fd5ab8
```
#fd5ab8 rgb(253,90,184)
```

Split Complementary Color

#fdf15a
```
#fdf15a rgb(253,241,90)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#f15afd
```
#f15afd rgb(241,90,253)
```

Triadic Color

#66fd5a
```
#66fd5a rgb(102,253,90)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#f15afd
```
#f15afd rgb(241,90,253)
```
#fd5a66
```
#fd5a66 rgb(253,90,102)
```

Tetradic Color

#0efceb
```
#0efceb rgb(14,252,235)
```
#28fced
```
#28fced rgb(40,252,237)
```
#41fdef
```
#41fdef rgb(65,253,239)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#73fdf3
```
#73fdf3 rgb(115,253,243)
```
#8cfef5
```
#8cfef5 rgb(140,254,245)
```
#a6fef7
```
#a6fef7 rgb(166,254,247)
```

Monochromatic Color

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

#5afdc8
```
#5afdc8 rgb(90,253,200)
```
#5afdd6
```
#5afdd6 rgb(90,253,214)
```
#5afde3
```
#5afde3 rgb(90,253,227)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#5afbfd
```
#5afbfd rgb(90,251,253)
```
#5aeefd
```
#5aeefd rgb(90,238,253)
```
#5ae0fd
```
#5ae0fd rgb(90,224,253)
```

Similar Colors

Text with hexadecimal color #5afdf1

This text has a font color of #5afdf1.

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

#5afdf1 background color

This paragraph has a background color of #5afdf1.

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

#5afdf1 border color

This element has a border color of #5afdf1.

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

CSS codes

.text {color:#5afdf1;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001d1b
```
#001d1b rgb(0,29,27)
```
#01302d
```
#01302d rgb(1,48,45)
```
#01443f
```
#01443f rgb(1,68,63)
```
#015751
```
#015751 rgb(1,87,81)
```
#016a63
```
#016a63 rgb(1,106,99)
```
#027e75
```
#027e75 rgb(2,126,117)
```
#029187
```
#029187 rgb(2,145,135)
```
#02a499
```
#02a499 rgb(2,164,153)
```
#02b8aa
```
#02b8aa rgb(2,184,170)
```
#02cbbc
```
#02cbbc rgb(2,203,188)
```
#03dfce
```
#03dfce rgb(3,223,206)
```
#03f2e0
```
#03f2e0 rgb(3,242,224)
```

Shade Color Variation

#0cfcea
```
#0cfcea rgb(12,252,234)
```
#20fcec
```
#20fcec rgb(32,252,236)
```
#33fdee
```
#33fdee rgb(51,253,238)
```
#47fdef
```
#47fdef rgb(71,253,239)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```
#6dfdf3
```
#6dfdf3 rgb(109,253,243)
```
#81fdf4
```
#81fdf4 rgb(129,253,244)
```
#94fef6
```
#94fef6 rgb(148,254,246)
```
#a8fef8
```
#a8fef8 rgb(168,254,248)
```
#bbfef9
```
#bbfef9 rgb(187,254,249)
```
#cefefb
```
#cefefb rgb(206,254,251)
```
#e2fffd
```
#e2fffd rgb(226,255,253)
```
#f5fffe
```
#f5fffe rgb(245,255,254)
```

Tint Color Variation

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

#a7b0af
```
#a7b0af rgb(167,176,175)
```
#a1b6b5
```
#a1b6b5 rgb(161,182,181)
```
#9abdba
```
#9abdba rgb(154,189,186)
```
#94c3c0
```
#94c3c0 rgb(148,195,192)
```
#8dcac5
```
#8dcac5 rgb(141,202,197)
```
#87d0cb
```
#87d0cb rgb(135,208,203)
```
#81d6d0
```
#81d6d0 rgb(129,214,208)
```
#7addd6
```
#7addd6 rgb(122,221,214)
```
#74e3db
```
#74e3db rgb(116,227,219)
```
#6deae1
```
#6deae1 rgb(109,234,225)
```
#67f0e6
```
#67f0e6 rgb(103,240,230)
```
#60f7ec
```
#60f7ec rgb(96,247,236)
```
#5afdf1
```
#5afdf1 rgb(90,253,241)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#b4d5d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae5e5 Protanopia 1% of men
#f2e1fb Deuteranopia 1% of men
#a9f2ff Tritanopia 0.001% of the population

Trichromacy

#b6eee9 Protanomaly 1% of men, 0.01% of women
#baebf7 Deuteranomaly 6% of men, 0.4% of women
#8cf6f9 Tritanomaly 0.01% of the population