#5af9ff hex color

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

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

● #5af9ff color description : Light cyan.

The hexadecimal color #5af9ff has RGB values of R:90, G:249, B:255 and CMYK values of C:0.65, M:0.02, Y:0, K:0. Its decimal value is 5962239.

Hex triplet	5af9ff	`#5af9ff`
RGB Decimal	90, 249, 255	`rgb(90,249,255)`
RGB Percent	35.3, 97.6, 100	`rgb(35.3%,97.6%,100%)`
CMYK	65, 2, 0, 0
HSL	182.2°, 100, 67.6	`hsl(182.2,100%,67.6%)`
HSV (or HSB)	182.2°, 64.7, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.386, -39.053, -15.127
XYZ	56.137, 77.14, 106.533
xyY	0.234, 0.322, 77.14
CIE-LCH	90.386, 41.88, 201.173
CIE-LUV	90.386, -60.336, -18.108
Hunter-Lab	87.829, -39.612, -10.436
Binary	01011010, 11111001, 11111111

#5af9ff
```
#5af9ff rgb(90,249,255)
```
#ff605a
```
#ff605a rgb(255,96,90)
```

Complementary Color

#5affb3
```
#5affb3 rgb(90,255,179)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#5aa7ff
```
#5aa7ff rgb(90,167,255)
```

Analogous Color

#ffb35a
```
#ffb35a rgb(255,179,90)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#ff5aa7
```
#ff5aa7 rgb(255,90,167)
```

Split Complementary Color

#f9ff5a
```
#f9ff5a rgb(249,255,90)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#ff5af9
```
#ff5af9 rgb(255,90,249)
```

Triadic Color

#5aff60
```
#5aff60 rgb(90,255,96)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#ff5af9
```
#ff5af9 rgb(255,90,249)
```
#ff605a
```
#ff605a rgb(255,96,90)
```

Tetradic Color

#0ef6ff
```
#0ef6ff rgb(14,246,255)
```
#27f7ff
```
#27f7ff rgb(39,247,255)
```
#41f8ff
```
#41f8ff rgb(65,248,255)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#74faff
```
#74faff rgb(116,250,255)
```
#8dfbff
```
#8dfbff rgb(141,251,255)
```
#a7fcff
```
#a7fcff rgb(167,252,255)
```

Monochromatic Color

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

#5affdc
```
#5affdc rgb(90,255,220)
```
#5affea
```
#5affea rgb(90,255,234)
```
#5afff7
```
#5afff7 rgb(90,255,247)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#5aebff
```
#5aebff rgb(90,235,255)
```
#5adeff
```
#5adeff rgb(90,222,255)
```
#5ad0ff
```
#5ad0ff rgb(90,208,255)
```

Similar Colors

Text with hexadecimal color #5af9ff

This text has a font color of #5af9ff.

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

#5af9ff background color

This paragraph has a background color of #5af9ff.

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

#5af9ff border color

This element has a border color of #5af9ff.

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

CSS codes

.text {color:#5af9ff;}

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

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

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)
```
#001e1f
```
#001e1f rgb(0,30,31)
```
#003133
```
#003133 rgb(0,49,51)
```
#004446
```
#004446 rgb(0,68,70)
```
#00575a
```
#00575a rgb(0,87,90)
```
#006a6e
```
#006a6e rgb(0,106,110)
```
#007d81
```
#007d81 rgb(0,125,129)
```
#008f95
```
#008f95 rgb(0,143,149)
```
#00a2a8
```
#00a2a8 rgb(0,162,168)
```
#00b5bc
```
#00b5bc rgb(0,181,188)
```
#00c8d0
```
#00c8d0 rgb(0,200,208)
```
#00dbe3
```
#00dbe3 rgb(0,219,227)
```
#00eef7
```
#00eef7 rgb(0,238,247)
```

Shade Color Variation

#0cf6ff
```
#0cf6ff rgb(12,246,255)
```
#1ff7ff
```
#1ff7ff rgb(31,247,255)
```
#33f8ff
```
#33f8ff rgb(51,248,255)
```
#46f8ff
```
#46f8ff rgb(70,248,255)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```
#6efaff
```
#6efaff rgb(110,250,255)
```
#81faff
```
#81faff rgb(129,250,255)
```
#95fbff
```
#95fbff rgb(149,251,255)
```
#a8fcff
```
#a8fcff rgb(168,252,255)
```
#bcfdff
```
#bcfdff rgb(188,253,255)
```
#d0fdff
```
#d0fdff rgb(208,253,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, #a6b2b3 is the less saturated color, while #5af9ff is the most saturated one.

#a6b2b3
```
#a6b2b3 rgb(166,178,179)
```
#a0b8b9
```
#a0b8b9 rgb(160,184,185)
```
#99bec0
```
#99bec0 rgb(153,190,192)
```
#93c4c6
```
#93c4c6 rgb(147,196,198)
```
#8dcacc
```
#8dcacc rgb(141,202,204)
```
#86d0d3
```
#86d0d3 rgb(134,208,211)
```
#80d6d9
```
#80d6d9 rgb(128,214,217)
```
#7adcdf
```
#7adcdf rgb(122,220,223)
```
#73e1e6
```
#73e1e6 rgb(115,225,230)
```
#6de7ec
```
#6de7ec rgb(109,231,236)
```
#67edf2
```
#67edf2 rgb(103,237,242)
```
#60f3f9
```
#60f3f9 rgb(96,243,249)
```
#5af9ff
```
#5af9ff rgb(90,249,255)
```

Tone Color Variation

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

Dichromacy

#e4e3f2 Protanopia 1% of men
#e7e1ff Deuteranopia 1% of men
#9ff1ff Tritanopia 0.001% of the population

Trichromacy

#b2ebf7 Protanomaly 1% of men, 0.01% of women
#b3e9ff Deuteranomaly 6% of men, 0.4% of women
#86f4ff Tritanomaly 0.01% of the population

#5af9ff hex color

#5af9ff Color Information

#5af9ff Color Conversion

Color Schemes with #5af9ff

Alternatives to #5af9ff

#5af9ff Preview

Shades and Tints of #5af9ff

Tones of #5af9ff

Color Blindness Simulator