#5afef5 hex color

In a RGB color space, hex #5afef5 is composed of 35.3% red, 99.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 3.5% yellow and 0.4% black. It has a hue angle of 176.7 degrees, a saturation of 98.8% and a lightness of 67.5%. #5afef5 color hex could be obtained by blending #b4ffff with #00fdeb. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 35
- G 100
- B 96
RGB color chart
- C 65
- M 0
- Y 4
- K 0
CMYK color chart

● #5afef5 color description : Soft cyan.

The hexadecimal color #5afef5 has RGB values of R:90, G:254, B:245 and CMYK values of C:0.65, M:0, Y:0.04, K:0. Its decimal value is 5963509.

Hex triplet	5afef5	`#5afef5`
RGB Decimal	90, 254, 245	`rgb(90,254,245)`
RGB Percent	35.3, 99.6, 96.1	`rgb(35.3%,99.6%,96.1%)`
CMYK	65, 0, 4, 0
HSL	176.7°, 98.8, 67.5	`hsl(176.7,98.8%,67.5%)`
HSV (or HSB)	176.7°, 64.6, 99.6
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.525, -43.969, -8.234
XYZ	56.135, 79.645, 98.796
xyY	0.239, 0.34, 79.645
CIE-LCH	91.525, 44.734, 190.607
CIE-LUV	91.525, -62.721, -6.001
Hunter-Lab	89.244, -43.9, -3.165
Binary	01011010, 11111110, 11110101

#5afef5
```
#5afef5 rgb(90,254,245)
```
#fe5a63
```
#fe5a63 rgb(254,90,99)
```

Complementary Color

#5afea3
```
#5afea3 rgb(90,254,163)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#5ab5fe
```
#5ab5fe rgb(90,181,254)
```

Analogous Color

#fea35a
```
#fea35a rgb(254,163,90)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#fe5ab5
```
#fe5ab5 rgb(254,90,181)
```

Split Complementary Color

#fef55a
```
#fef55a rgb(254,245,90)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#f55afe
```
#f55afe rgb(245,90,254)
```

Triadic Color

#63fe5a
```
#63fe5a rgb(99,254,90)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#f55afe
```
#f55afe rgb(245,90,254)
```
#fe5a63
```
#fe5a63 rgb(254,90,99)
```

Tetradic Color

#0efef0
```
#0efef0 rgb(14,254,240)
```
#27fef2
```
#27fef2 rgb(39,254,242)
```
#41fef3
```
#41fef3 rgb(65,254,243)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#73fef7
```
#73fef7 rgb(115,254,247)
```
#8dfef8
```
#8dfef8 rgb(141,254,248)
```
#a6fefa
```
#a6fefa rgb(166,254,250)
```

Monochromatic Color

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

#5afecc
```
#5afecc rgb(90,254,204)
```
#5afeda
```
#5afeda rgb(90,254,218)
```
#5afee7
```
#5afee7 rgb(90,254,231)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#5af9fe
```
#5af9fe rgb(90,249,254)
```
#5aecfe
```
#5aecfe rgb(90,236,254)
```
#5adefe
```
#5adefe rgb(90,222,254)
```

Similar Colors

Text with hexadecimal color #5afef5

This text has a font color of #5afef5.

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

#5afef5 background color

This paragraph has a background color of #5afef5.

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

#5afef5 border color

This element has a border color of #5afef5.

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

CSS codes

.text {color:#5afef5;}

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

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

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, #000a0a is the darkest color, while #f6fffe is the lightest one.

#000a0a
```
#000a0a rgb(0,10,10)
```
#001e1c
```
#001e1c rgb(0,30,28)
```
#00312f
```
#00312f rgb(0,49,47)
```
#004541
```
#004541 rgb(0,69,65)
```
#015854
```
#015854 rgb(1,88,84)
```
#016c66
```
#016c66 rgb(1,108,102)
```
#017f79
```
#017f79 rgb(1,127,121)
```
#01938b
```
#01938b rgb(1,147,139)
```
#01a69d
```
#01a69d rgb(1,166,157)
```
#01bab0
```
#01bab0 rgb(1,186,176)
```
#01cdc2
```
#01cdc2 rgb(1,205,194)
```
#01e1d5
```
#01e1d5 rgb(1,225,213)
```
#01f4e7
```
#01f4e7 rgb(1,244,231)
```

Shade Color Variation

#0cfef0
```
#0cfef0 rgb(12,254,240)
```
#20fef1
```
#20fef1 rgb(32,254,241)
```
#33fef3
```
#33fef3 rgb(51,254,243)
```
#47fef4
```
#47fef4 rgb(71,254,244)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```
#6dfef6
```
#6dfef6 rgb(109,254,246)
```
#81fef7
```
#81fef7 rgb(129,254,247)
```
#94fef9
```
#94fef9 rgb(148,254,249)
```
#a8fefa
```
#a8fefa rgb(168,254,250)
```
#bbfffb
```
#bbfffb rgb(187,255,251)
```
#cffffc
```
#cffffc rgb(207,255,252)
```
#e2fffd
```
#e2fffd rgb(226,255,253)
```
#f6fffe
```
#f6fffe rgb(246,255,254)
```

Tint Color Variation

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

#a7b1b1
```
#a7b1b1 rgb(167,177,177)
```
#a0b8b6
```
#a0b8b6 rgb(160,184,182)
```
#9abebc
```
#9abebc rgb(154,190,188)
```
#93c5c2
```
#93c5c2 rgb(147,197,194)
```
#8dcbc8
```
#8dcbc8 rgb(141,203,200)
```
#87d1cd
```
#87d1cd rgb(135,209,205)
```
#80d8d3
```
#80d8d3 rgb(128,216,211)
```
#7aded9
```
#7aded9 rgb(122,222,217)
```
#74e4de
```
#74e4de rgb(116,228,222)
```
#6debe4
```
#6debe4 rgb(109,235,228)
```
#67f1ea
```
#67f1ea rgb(103,241,234)
```
#60f8ef
```
#60f8ef rgb(96,248,239)
```
#5afef5
```
#5afef5 rgb(90,254,245)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#b5d6d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe6e8 Protanopia 1% of men
#f1e2ff Deuteranopia 1% of men
#aef3ff Tritanopia 0.001% of the population

Trichromacy

#b6efed Protanomaly 1% of men, 0.01% of women
#baecfb Deuteranomaly 6% of men, 0.4% of women
#8ff7fb Tritanomaly 0.01% of the population

#5afef5 hex color

#5afef5 Color Information

#5afef5 Color Conversion

Color Schemes with #5afef5

Alternatives to #5afef5

#5afef5 Preview

Shades and Tints of #5afef5

Tones of #5afef5

Color Blindness Simulator