#5afedd hex color

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

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

● #5afedd color description : Soft cyan.

The hexadecimal color #5afedd has RGB values of R:90, G:254, B:221 and CMYK values of C:0.65, M:0, Y:0.13, K:0. Its decimal value is 5963485.

Hex triplet	5afedd	`#5afedd`
RGB Decimal	90, 254, 221	`rgb(90,254,221)`
RGB Percent	35.3, 99.6, 86.7	`rgb(35.3%,99.6%,86.7%)`
CMYK	65, 0, 13, 0
HSL	167.9°, 98.8, 67.5	`hsl(167.9,98.8%,67.5%)`
HSV (or HSB)	167.9°, 64.6, 99.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.904, -50.016, 3.298
XYZ	52.705, 78.273, 80.733
xyY	0.249, 0.37, 78.273
CIE-LCH	90.904, 50.125, 176.228
CIE-LUV	90.904, -64.202, 13.251
Hunter-Lab	88.472, -48.489, 7.827
Binary	01011010, 11111110, 11011101

#5afedd
```
#5afedd rgb(90,254,221)
```
#fe5a7b
```
#fe5a7b rgb(254,90,123)
```

Complementary Color

#5afe8b
```
#5afe8b rgb(90,254,139)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#5acdfe
```
#5acdfe rgb(90,205,254)
```

Analogous Color

#fe8b5a
```
#fe8b5a rgb(254,139,90)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#fe5acd
```
#fe5acd rgb(254,90,205)
```

Split Complementary Color

#fedd5a
```
#fedd5a rgb(254,221,90)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#dd5afe
```
#dd5afe rgb(221,90,254)
```

Triadic Color

#7bfe5a
```
#7bfe5a rgb(123,254,90)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#dd5afe
```
#dd5afe rgb(221,90,254)
```
#fe5a7b
```
#fe5a7b rgb(254,90,123)
```

Tetradic Color

#0efecd
```
#0efecd rgb(14,254,205)
```
#27fed3
```
#27fed3 rgb(39,254,211)
```
#41fed8
```
#41fed8 rgb(65,254,216)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#73fee2
```
#73fee2 rgb(115,254,226)
```
#8dfee7
```
#8dfee7 rgb(141,254,231)
```
#a6feed
```
#a6feed rgb(166,254,237)
```

Monochromatic Color

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

#5afeb4
```
#5afeb4 rgb(90,254,180)
```
#5afec2
```
#5afec2 rgb(90,254,194)
```
#5afecf
```
#5afecf rgb(90,254,207)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#5afeeb
```
#5afeeb rgb(90,254,235)
```
#5afef8
```
#5afef8 rgb(90,254,248)
```
#5af6fe
```
#5af6fe rgb(90,246,254)
```

Similar Colors

Text with hexadecimal color #5afedd

This text has a font color of #5afedd.

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

#5afedd background color

This paragraph has a background color of #5afedd.

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

#5afedd border color

This element has a border color of #5afedd.

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

CSS codes

.text {color:#5afedd;}

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

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

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

#000a08
```
#000a08 rgb(0,10,8)
```
#001e18
```
#001e18 rgb(0,30,24)
```
#003128
```
#003128 rgb(0,49,40)
```
#004537
```
#004537 rgb(0,69,55)
```
#015847
```
#015847 rgb(1,88,71)
```
#016c56
```
#016c56 rgb(1,108,86)
```
#017f66
```
#017f66 rgb(1,127,102)
```
#019376
```
#019376 rgb(1,147,118)
```
#01a685
```
#01a685 rgb(1,166,133)
```
#01ba95
```
#01ba95 rgb(1,186,149)
```
#01cda4
```
#01cda4 rgb(1,205,164)
```
#01e1b4
```
#01e1b4 rgb(1,225,180)
```
#01f4c4
```
#01f4c4 rgb(1,244,196)
```

Shade Color Variation

#0cfecd
```
#0cfecd rgb(12,254,205)
```
#20fed1
```
#20fed1 rgb(32,254,209)
```
#33fed5
```
#33fed5 rgb(51,254,213)
```
#47fed9
```
#47fed9 rgb(71,254,217)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#6dfee1
```
#6dfee1 rgb(109,254,225)
```
#81fee5
```
#81fee5 rgb(129,254,229)
```
#94fee9
```
#94fee9 rgb(148,254,233)
```
#a8feed
```
#a8feed rgb(168,254,237)
```
#bbfff1
```
#bbfff1 rgb(187,255,241)
```
#cffff5
```
#cffff5 rgb(207,255,245)
```
#e2fff9
```
#e2fff9 rgb(226,255,249)
```
#f6fffd
```
#f6fffd rgb(246,255,253)
```

Tint Color Variation

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

#a7b1af
```
#a7b1af rgb(167,177,175)
```
#a0b8b3
```
#a0b8b3 rgb(160,184,179)
```
#9abeb7
```
#9abeb7 rgb(154,190,183)
```
#93c5bb
```
#93c5bb rgb(147,197,187)
```
#8dcbbe
```
#8dcbbe rgb(141,203,190)
```
#87d1c2
```
#87d1c2 rgb(135,209,194)
```
#80d8c6
```
#80d8c6 rgb(128,216,198)
```
#7adeca
```
#7adeca rgb(122,222,202)
```
#74e4ce
```
#74e4ce rgb(116,228,206)
```
#6debd2
```
#6debd2 rgb(109,235,210)
```
#67f1d5
```
#67f1d5 rgb(103,241,213)
```
#60f8d9
```
#60f8d9 rgb(96,248,217)
```
#5afedd
```
#5afedd rgb(90,254,221)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#b3d4cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee5d2 Protanopia 1% of men
#f9dfe9 Deuteranopia 1% of men
#a8f2ff Tritanopia 0.001% of the population

Trichromacy

#b8eed6 Protanomaly 1% of men, 0.01% of women
#bfeae4 Deuteranomaly 6% of men, 0.4% of women
#8bf6f2 Tritanomaly 0.01% of the population

#5afedd hex color

#5afedd Color Information

#5afedd Color Conversion

Color Schemes with #5afedd

Alternatives to #5afedd

#5afedd Preview

Shades and Tints of #5afedd

Tones of #5afedd

Color Blindness Simulator