#5af0ff hex color

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

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

● #5af0ff color description : Light cyan.

The hexadecimal color #5af0ff has RGB values of R:90, G:240, B:255 and CMYK values of C:0.65, M:0.06, Y:0, K:0. Its decimal value is 5959935.

Hex triplet	5af0ff	`#5af0ff`
RGB Decimal	90, 240, 255	`rgb(90,240,255)`
RGB Percent	35.3, 94.1, 100	`rgb(35.3%,94.1%,100%)`
CMYK	65, 6, 0, 0
HSL	185.5°, 100, 67.6	`hsl(185.5,100%,67.6%)`
HSV (or HSB)	185.5°, 64.7, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	87.828, -34.905, -18.972
XYZ	53.421, 71.709, 105.628
xyY	0.232, 0.311, 71.709
CIE-LCH	87.828, 39.728, 208.526
CIE-LUV	87.828, -57.154, -25.114
Hunter-Lab	84.681, -35.585, -14.679
Binary	01011010, 11110000, 11111111

#5af0ff
```
#5af0ff rgb(90,240,255)
```
#ff695a
```
#ff695a rgb(255,105,90)
```

Complementary Color

#5affbc
```
#5affbc rgb(90,255,188)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#5a9eff
```
#5a9eff rgb(90,158,255)
```

Analogous Color

#ffbc5a
```
#ffbc5a rgb(255,188,90)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#ff5a9e
```
#ff5a9e rgb(255,90,158)
```

Split Complementary Color

#f0ff5a
```
#f0ff5a rgb(240,255,90)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#ff5af0
```
#ff5af0 rgb(255,90,240)
```

Triadic Color

#5aff69
```
#5aff69 rgb(90,255,105)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#ff5af0
```
#ff5af0 rgb(255,90,240)
```
#ff695a
```
#ff695a rgb(255,105,90)
```

Tetradic Color

#0ee9ff
```
#0ee9ff rgb(14,233,255)
```
#27ebff
```
#27ebff rgb(39,235,255)
```
#41eeff
```
#41eeff rgb(65,238,255)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#74f2ff
```
#74f2ff rgb(116,242,255)
```
#8df5ff
```
#8df5ff rgb(141,245,255)
```
#a7f7ff
```
#a7f7ff rgb(167,247,255)
```

Monochromatic Color

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

#5affe5
```
#5affe5 rgb(90,255,229)
```
#5afff3
```
#5afff3 rgb(90,255,243)
```
#5afeff
```
#5afeff rgb(90,254,255)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#5ae2ff
```
#5ae2ff rgb(90,226,255)
```
#5ad5ff
```
#5ad5ff rgb(90,213,255)
```
#5ac7ff
```
#5ac7ff rgb(90,199,255)
```

Similar Colors

Text with hexadecimal color #5af0ff

This text has a font color of #5af0ff.

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

#5af0ff background color

This paragraph has a background color of #5af0ff.

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

#5af0ff border color

This element has a border color of #5af0ff.

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

CSS codes

.text {color:#5af0ff;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#001c1f
```
#001c1f rgb(0,28,31)
```
#002e33
```
#002e33 rgb(0,46,51)
```
#004046
```
#004046 rgb(0,64,70)
```
#00525a
```
#00525a rgb(0,82,90)
```
#00646e
```
#00646e rgb(0,100,110)
```
#007581
```
#007581 rgb(0,117,129)
```
#008795
```
#008795 rgb(0,135,149)
```
#0099a8
```
#0099a8 rgb(0,153,168)
```
#00abbc
```
#00abbc rgb(0,171,188)
```
#00bdd0
```
#00bdd0 rgb(0,189,208)
```
#00cfe3
```
#00cfe3 rgb(0,207,227)
```
#00e0f7
```
#00e0f7 rgb(0,224,247)
```

Shade Color Variation

#0ce9ff
```
#0ce9ff rgb(12,233,255)
```
#1febff
```
#1febff rgb(31,235,255)
```
#33ecff
```
#33ecff rgb(51,236,255)
```
#46eeff
```
#46eeff rgb(70,238,255)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```
#6ef2ff
```
#6ef2ff rgb(110,242,255)
```
#81f4ff
```
#81f4ff rgb(129,244,255)
```
#95f5ff
```
#95f5ff rgb(149,245,255)
```
#a8f7ff
```
#a8f7ff rgb(168,247,255)
```
#bcf9ff
```
#bcf9ff rgb(188,249,255)
```
#d0fbff
```
#d0fbff rgb(208,251,255)
```
#e3fcff
```
#e3fcff rgb(227,252,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#a6b2b3
```
#a6b2b3 rgb(166,178,179)
```
#a0b7b9
```
#a0b7b9 rgb(160,183,185)
```
#99bcc0
```
#99bcc0 rgb(153,188,192)
```
#93c1c6
```
#93c1c6 rgb(147,193,198)
```
#8dc6cc
```
#8dc6cc rgb(141,198,204)
```
#86ccd3
```
#86ccd3 rgb(134,204,211)
```
#80d1d9
```
#80d1d9 rgb(128,209,217)
```
#7ad6df
```
#7ad6df rgb(122,214,223)
```
#73dbe6
```
#73dbe6 rgb(115,219,230)
```
#6de0ec
```
#6de0ec rgb(109,224,236)
```
#67e6f2
```
#67e6f2 rgb(103,230,242)
```
#60ebf9
```
#60ebf9 rgb(96,235,249)
```
#5af0ff
```
#5af0ff rgb(90,240,255)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b0ced1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdcf3 Protanopia 1% of men
#dddaff Deuteranopia 1% of men
#77eeff Tritanopia 0.001% of the population

Trichromacy

#ace3f7 Protanomaly 1% of men, 0.01% of women
#ade2ff Deuteranomaly 6% of men, 0.4% of women
#6cefff Tritanomaly 0.01% of the population

#5af0ff hex color

#5af0ff Color Information

#5af0ff Color Conversion

Color Schemes with #5af0ff

Alternatives to #5af0ff

#5af0ff Preview

Shades and Tints of #5af0ff

Tones of #5af0ff

Color Blindness Simulator