#5afef3 hex color

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

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

● #5afef3 color description : Soft cyan.

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

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

CIE-LAB	91.471, -44.491, -7.278
XYZ	55.831, 79.523, 97.196
xyY	0.24, 0.342, 79.523
CIE-LCH	91.471, 45.083, 189.29
CIE-LUV	91.471, -62.845, -4.365
Hunter-Lab	89.176, -44.303, -2.199
Binary	01011010, 11111110, 11110011

#5afef3
```
#5afef3 rgb(90,254,243)
```
#fe5a65
```
#fe5a65 rgb(254,90,101)
```

Complementary Color

#5afea1
```
#5afea1 rgb(90,254,161)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#5ab7fe
```
#5ab7fe rgb(90,183,254)
```

Analogous Color

#fea15a
```
#fea15a rgb(254,161,90)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#fe5ab7
```
#fe5ab7 rgb(254,90,183)
```

Split Complementary Color

#fef35a
```
#fef35a rgb(254,243,90)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#f35afe
```
#f35afe rgb(243,90,254)
```

Triadic Color

#65fe5a
```
#65fe5a rgb(101,254,90)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#f35afe
```
#f35afe rgb(243,90,254)
```
#fe5a65
```
#fe5a65 rgb(254,90,101)
```

Tetradic Color

#0efeed
```
#0efeed rgb(14,254,237)
```
#27feef
```
#27feef rgb(39,254,239)
```
#41fef1
```
#41fef1 rgb(65,254,241)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#73fef5
```
#73fef5 rgb(115,254,245)
```
#8dfef7
```
#8dfef7 rgb(141,254,247)
```
#a6fef9
```
#a6fef9 rgb(166,254,249)
```

Monochromatic Color

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

#5afeca
```
#5afeca rgb(90,254,202)
```
#5afed8
```
#5afed8 rgb(90,254,216)
```
#5afee5
```
#5afee5 rgb(90,254,229)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#5afbfe
```
#5afbfe rgb(90,251,254)
```
#5aeefe
```
#5aeefe rgb(90,238,254)
```
#5ae0fe
```
#5ae0fe rgb(90,224,254)
```

Similar Colors

Text with hexadecimal color #5afef3

This text has a font color of #5afef3.

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

#5afef3 background color

This paragraph has a background color of #5afef3.

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

#5afef3 border color

This element has a border color of #5afef3.

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

CSS codes

.text {color:#5afef3;}

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

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

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)
```
#00312e
```
#00312e rgb(0,49,46)
```
#004540
```
#004540 rgb(0,69,64)
```
#015853
```
#015853 rgb(1,88,83)
```
#016c65
```
#016c65 rgb(1,108,101)
```
#017f77
```
#017f77 rgb(1,127,119)
```
#019389
```
#019389 rgb(1,147,137)
```
#01a69b
```
#01a69b rgb(1,166,155)
```
#01baae
```
#01baae rgb(1,186,174)
```
#01cdc0
```
#01cdc0 rgb(1,205,192)
```
#01e1d2
```
#01e1d2 rgb(1,225,210)
```
#01f4e4
```
#01f4e4 rgb(1,244,228)
```

Shade Color Variation

#0cfeed
```
#0cfeed rgb(12,254,237)
```
#20feef
```
#20feef rgb(32,254,239)
```
#33fef0
```
#33fef0 rgb(51,254,240)
```
#47fef2
```
#47fef2 rgb(71,254,242)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```
#6dfef4
```
#6dfef4 rgb(109,254,244)
```
#81fef6
```
#81fef6 rgb(129,254,246)
```
#94fef7
```
#94fef7 rgb(148,254,247)
```
#a8fef9
```
#a8fef9 rgb(168,254,249)
```
#bbfffa
```
#bbfffa rgb(187,255,250)
```
#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 #5afef3 is the most saturated one.

#a7b1b1
```
#a7b1b1 rgb(167,177,177)
```
#a0b8b6
```
#a0b8b6 rgb(160,184,182)
```
#9abebc
```
#9abebc rgb(154,190,188)
```
#93c5c1
```
#93c5c1 rgb(147,197,193)
```
#8dcbc7
```
#8dcbc7 rgb(141,203,199)
```
#87d1cc
```
#87d1cc rgb(135,209,204)
```
#80d8d2
```
#80d8d2 rgb(128,216,210)
```
#7aded7
```
#7aded7 rgb(122,222,215)
```
#74e4dd
```
#74e4dd rgb(116,228,221)
```
#6debe2
```
#6debe2 rgb(109,235,226)
```
#67f1e8
```
#67f1e8 rgb(103,241,232)
```
#60f8ed
```
#60f8ed rgb(96,248,237)
```
#5afef3
```
#5afef3 rgb(90,254,243)
```

Tone Color Variation

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

#ebe6e6 Protanopia 1% of men
#f2e1fd Deuteranopia 1% of men
#adf3ff Tritanopia 0.001% of the population

Trichromacy

#b6efeb Protanomaly 1% of men, 0.01% of women
#bbecf9 Deuteranomaly 6% of men, 0.4% of women
#8ff7fa Tritanomaly 0.01% of the population

#5afef3 hex color

#5afef3 Color Information

#5afef3 Color Conversion

Color Schemes with #5afef3

Alternatives to #5afef3

#5afef3 Preview

Shades and Tints of #5afef3

Tones of #5afef3

Color Blindness Simulator