#5afee2 hex color

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

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

● #5afee2 color description : Soft cyan.

The hexadecimal color #5afee2 has RGB values of R:90, G:254, B:226 and CMYK values of C:0.65, M:0, Y:0.11, K:0. Its decimal value is 5963490.

Hex triplet	5afee2	`#5afee2`
RGB Decimal	90, 254, 226	`rgb(90,254,226)`
RGB Percent	35.3, 99.6, 88.6	`rgb(35.3%,99.6%,88.6%)`
CMYK	65, 0, 11, 0
HSL	169.8°, 98.8, 67.5	`hsl(169.8,98.8%,67.5%)`
HSV (or HSB)	169.8°, 64.6, 99.6
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	91.027, -48.797, 0.886
XYZ	53.381, 78.544, 84.294
xyY	0.247, 0.363, 78.544
CIE-LCH	91.027, 48.805, 178.96
CIE-LUV	91.027, -63.896, 9.315
Hunter-Lab	88.625, -47.578, 5.644
Binary	01011010, 11111110, 11100010

#5afee2
```
#5afee2 rgb(90,254,226)
```
#fe5a76
```
#fe5a76 rgb(254,90,118)
```

Complementary Color

#5afe90
```
#5afe90 rgb(90,254,144)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#5ac8fe
```
#5ac8fe rgb(90,200,254)
```

Analogous Color

#fe905a
```
#fe905a rgb(254,144,90)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#fe5ac8
```
#fe5ac8 rgb(254,90,200)
```

Split Complementary Color

#fee25a
```
#fee25a rgb(254,226,90)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#e25afe
```
#e25afe rgb(226,90,254)
```

Triadic Color

#76fe5a
```
#76fe5a rgb(118,254,90)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#e25afe
```
#e25afe rgb(226,90,254)
```
#fe5a76
```
#fe5a76 rgb(254,90,118)
```

Tetradic Color

#0efed5
```
#0efed5 rgb(14,254,213)
```
#27fed9
```
#27fed9 rgb(39,254,217)
```
#41fede
```
#41fede rgb(65,254,222)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#73fee6
```
#73fee6 rgb(115,254,230)
```
#8dfeeb
```
#8dfeeb rgb(141,254,235)
```
#a6feef
```
#a6feef rgb(166,254,239)
```

Monochromatic Color

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

#5afeb9
```
#5afeb9 rgb(90,254,185)
```
#5afec7
```
#5afec7 rgb(90,254,199)
```
#5afed4
```
#5afed4 rgb(90,254,212)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#5afef0
```
#5afef0 rgb(90,254,240)
```
#5afefd
```
#5afefd rgb(90,254,253)
```
#5af1fe
```
#5af1fe rgb(90,241,254)
```

Similar Colors

Text with hexadecimal color #5afee2

This text has a font color of #5afee2.

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

#5afee2 background color

This paragraph has a background color of #5afee2.

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

#5afee2 border color

This element has a border color of #5afee2.

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

CSS codes

.text {color:#5afee2;}

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

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

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

#000a09
```
#000a09 rgb(0,10,9)
```
#001e19
```
#001e19 rgb(0,30,25)
```
#003129
```
#003129 rgb(0,49,41)
```
#004539
```
#004539 rgb(0,69,57)
```
#015849
```
#015849 rgb(1,88,73)
```
#016c5a
```
#016c5a rgb(1,108,90)
```
#017f6a
```
#017f6a rgb(1,127,106)
```
#01937a
```
#01937a rgb(1,147,122)
```
#01a68a
```
#01a68a rgb(1,166,138)
```
#01ba9a
```
#01ba9a rgb(1,186,154)
```
#01cdab
```
#01cdab rgb(1,205,171)
```
#01e1bb
```
#01e1bb rgb(1,225,187)
```
#01f4cb
```
#01f4cb rgb(1,244,203)
```

Shade Color Variation

#0cfed4
```
#0cfed4 rgb(12,254,212)
```
#20fed8
```
#20fed8 rgb(32,254,216)
```
#33fedb
```
#33fedb rgb(51,254,219)
```
#47fedf
```
#47fedf rgb(71,254,223)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```
#6dfee5
```
#6dfee5 rgb(109,254,229)
```
#81fee9
```
#81fee9 rgb(129,254,233)
```
#94feec
```
#94feec rgb(148,254,236)
```
#a8fef0
```
#a8fef0 rgb(168,254,240)
```
#bbfff3
```
#bbfff3 rgb(187,255,243)
```
#cffff7
```
#cffff7 rgb(207,255,247)
```
#e2fffa
```
#e2fffa rgb(226,255,250)
```
#f6fffd
```
#f6fffd rgb(246,255,253)
```

Tint Color Variation

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

#a7b1b0
```
#a7b1b0 rgb(167,177,176)
```
#a0b8b4
```
#a0b8b4 rgb(160,184,180)
```
#9abeb8
```
#9abeb8 rgb(154,190,184)
```
#93c5bc
```
#93c5bc rgb(147,197,188)
```
#8dcbc0
```
#8dcbc0 rgb(141,203,192)
```
#87d1c5
```
#87d1c5 rgb(135,209,197)
```
#80d8c9
```
#80d8c9 rgb(128,216,201)
```
#7adecd
```
#7adecd rgb(122,222,205)
```
#74e4d1
```
#74e4d1 rgb(116,228,209)
```
#6debd5
```
#6debd5 rgb(109,235,213)
```
#67f1da
```
#67f1da rgb(103,241,218)
```
#60f8de
```
#60f8de rgb(96,248,222)
```
#5afee2
```
#5afee2 rgb(90,254,226)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#b4d4cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee5d7 Protanopia 1% of men
#f8e0ee Deuteranopia 1% of men
#a9f2ff Tritanopia 0.001% of the population

Trichromacy

#b8eedb Protanomaly 1% of men, 0.01% of women
#beeae9 Deuteranomaly 6% of men, 0.4% of women
#8cf6f4 Tritanomaly 0.01% of the population

#5afee2 hex color

#5afee2 Color Information

#5afee2 Color Conversion

Color Schemes with #5afee2

Alternatives to #5afee2

#5afee2 Preview

Shades and Tints of #5afee2

Tones of #5afee2

Color Blindness Simulator