#5afcff hex color

In a RGB color space, hex #5afcff is composed of 35.3% red, 98.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 1.2% magenta, 0% yellow and 0% black. It has a hue angle of 181.1 degrees, a saturation of 100% and a lightness of 67.6%. #5afcff color hex could be obtained by blending #b4ffff with #00f9ff. Closest websafe color is: #66ffff.

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

● #5afcff color description : Light cyan.

The hexadecimal color #5afcff has RGB values of R:90, G:252, B:255 and CMYK values of C:0.65, M:0.01, Y:0, K:0. Its decimal value is 5963007.

Hex triplet	5afcff	`#5afcff`
RGB Decimal	90, 252, 255	`rgb(90,252,255)`
RGB Percent	35.3, 98.8, 100	`rgb(35.3%,98.8%,100%)`
CMYK	65, 1, 0, 0
HSL	181.1°, 100, 67.6	`hsl(181.1,100%,67.6%)`
HSV (or HSB)	181.1°, 64.7, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.239, -40.412, -13.85
XYZ	57.071, 79.01, 106.845
xyY	0.235, 0.325, 79.01
CIE-LCH	91.239, 42.72, 198.918
CIE-LUV	91.239, -61.393, -15.792
Hunter-Lab	88.887, -40.944, -9.047
Binary	01011010, 11111100, 11111111

#5afcff
```
#5afcff rgb(90,252,255)
```
#ff5d5a
```
#ff5d5a rgb(255,93,90)
```

Complementary Color

#5affb0
```
#5affb0 rgb(90,255,176)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#5aaaff
```
#5aaaff rgb(90,170,255)
```

Analogous Color

#ffb05a
```
#ffb05a rgb(255,176,90)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#ff5aaa
```
#ff5aaa rgb(255,90,170)
```

Split Complementary Color

#fcff5a
```
#fcff5a rgb(252,255,90)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#ff5afc
```
#ff5afc rgb(255,90,252)
```

Triadic Color

#5aff5d
```
#5aff5d rgb(90,255,93)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#ff5afc
```
#ff5afc rgb(255,90,252)
```
#ff5d5a
```
#ff5d5a rgb(255,93,90)
```

Tetradic Color

#0efbff
```
#0efbff rgb(14,251,255)
```
#27fbff
```
#27fbff rgb(39,251,255)
```
#41fcff
```
#41fcff rgb(65,252,255)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#74fcff
```
#74fcff rgb(116,252,255)
```
#8dfdff
```
#8dfdff rgb(141,253,255)
```
#a7fdff
```
#a7fdff rgb(167,253,255)
```

Monochromatic Color

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

#5affd9
```
#5affd9 rgb(90,255,217)
```
#5affe7
```
#5affe7 rgb(90,255,231)
```
#5afff4
```
#5afff4 rgb(90,255,244)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#5aeeff
```
#5aeeff rgb(90,238,255)
```
#5ae1ff
```
#5ae1ff rgb(90,225,255)
```
#5ad3ff
```
#5ad3ff rgb(90,211,255)
```

Similar Colors

Text with hexadecimal color #5afcff

This text has a font color of #5afcff.

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

#5afcff background color

This paragraph has a background color of #5afcff.

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

#5afcff border color

This element has a border color of #5afcff.

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

CSS codes

.text {color:#5afcff;}

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

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

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

#000b0c
```
#000b0c rgb(0,11,12)
```
#001f1f
```
#001f1f rgb(0,31,31)
```
#003233
```
#003233 rgb(0,50,51)
```
#004546
```
#004546 rgb(0,69,70)
```
#00585a
```
#00585a rgb(0,88,90)
```
#006c6e
```
#006c6e rgb(0,108,110)
```
#007f81
```
#007f81 rgb(0,127,129)
```
#009295
```
#009295 rgb(0,146,149)
```
#00a5a8
```
#00a5a8 rgb(0,165,168)
```
#00b9bc
```
#00b9bc rgb(0,185,188)
```
#00ccd0
```
#00ccd0 rgb(0,204,208)
```
#00dfe3
```
#00dfe3 rgb(0,223,227)
```
#00f2f7
```
#00f2f7 rgb(0,242,247)
```

Shade Color Variation

#0cfbff
```
#0cfbff rgb(12,251,255)
```
#1ffbff
```
#1ffbff rgb(31,251,255)
```
#33fbff
```
#33fbff rgb(51,251,255)
```
#46fcff
```
#46fcff rgb(70,252,255)
```
#5afcff
```
#5afcff rgb(90,252,255)
```
#6efcff
```
#6efcff rgb(110,252,255)
```
#81fdff
```
#81fdff rgb(129,253,255)
```
#95fdff
```
#95fdff rgb(149,253,255)
```
#a8fdff
```
#a8fdff rgb(168,253,255)
```
#bcfeff
```
#bcfeff rgb(188,254,255)
```
#d0feff
```
#d0feff rgb(208,254,255)
```
#e3feff
```
#e3feff rgb(227,254,255)
```
#f7ffff
```
#f7ffff rgb(247,255,255)
```

Tint Color Variation

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

#a6b3b3
```
#a6b3b3 rgb(166,179,179)
```
#a0b9b9
```
#a0b9b9 rgb(160,185,185)
```
#99bfc0
```
#99bfc0 rgb(153,191,192)
```
#93c5c6
```
#93c5c6 rgb(147,197,198)
```
#8dcbcc
```
#8dcbcc rgb(141,203,204)
```
#86d1d3
```
#86d1d3 rgb(134,209,211)
```
#80d7d9
```
#80d7d9 rgb(128,215,217)
```
#7adddf
```
#7adddf rgb(122,221,223)
```
#73e4e6
```
#73e4e6 rgb(115,228,230)
```
#6deaec
```
#6deaec rgb(109,234,236)
```
#67f0f2
```
#67f0f2 rgb(103,240,242)
```
#60f6f9
```
#60f6f9 rgb(96,246,249)
```
#5afcff
```
#5afcff rgb(90,252,255)
```

Tone Color Variation

Below, you can see how #5afcff 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
#b5d6d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f2 Protanopia 1% of men
#eae3ff Deuteranopia 1% of men
#aaf3ff Tritanopia 0.001% of the population

Trichromacy

#b4edf6 Protanomaly 1% of men, 0.01% of women
#b5ecff Deuteranomaly 6% of men, 0.4% of women
#8df6ff Tritanomaly 0.01% of the population

#5afcff hex color

#5afcff Color Information

#5afcff Color Conversion

Color Schemes with #5afcff

Alternatives to #5afcff

#5afcff Preview

Shades and Tints of #5afcff

Tones of #5afcff

Color Blindness Simulator