#5afbff hex color

In a RGB color space, hex #5afbff is composed of 35.3% red, 98.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 1.6% magenta, 0% yellow and 0% black. It has a hue angle of 181.5 degrees, a saturation of 100% and a lightness of 67.6%. #5afbff color hex could be obtained by blending #b4ffff with #00f7ff. 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

● #5afbff color description : Light cyan.

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

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

CIE-LAB	90.954, -39.961, -14.275
XYZ	56.758, 78.383, 106.74
xyY	0.235, 0.324, 78.383
CIE-LCH	90.954, 42.434, 199.658
CIE-LUV	90.954, -61.041, -16.563
Hunter-Lab	88.534, -40.501, -9.508
Binary	01011010, 11111011, 11111111

#5afbff
```
#5afbff rgb(90,251,255)
```
#ff5e5a
```
#ff5e5a rgb(255,94,90)
```

Complementary Color

#5affb1
```
#5affb1 rgb(90,255,177)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#5aa9ff
```
#5aa9ff rgb(90,169,255)
```

Analogous Color

#ffb15a
```
#ffb15a rgb(255,177,90)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#ff5aa9
```
#ff5aa9 rgb(255,90,169)
```

Split Complementary Color

#fbff5a
```
#fbff5a rgb(251,255,90)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#ff5afb
```
#ff5afb rgb(255,90,251)
```

Triadic Color

#5aff5e
```
#5aff5e rgb(90,255,94)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#ff5afb
```
#ff5afb rgb(255,90,251)
```
#ff5e5a
```
#ff5e5a rgb(255,94,90)
```

Tetradic Color

#0ef9ff
```
#0ef9ff rgb(14,249,255)
```
#27faff
```
#27faff rgb(39,250,255)
```
#41faff
```
#41faff rgb(65,250,255)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#74fcff
```
#74fcff rgb(116,252,255)
```
#8dfcff
```
#8dfcff rgb(141,252,255)
```
#a7fdff
```
#a7fdff rgb(167,253,255)
```

Monochromatic Color

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

#5affda
```
#5affda rgb(90,255,218)
```
#5affe8
```
#5affe8 rgb(90,255,232)
```
#5afff5
```
#5afff5 rgb(90,255,245)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#5aedff
```
#5aedff rgb(90,237,255)
```
#5ae0ff
```
#5ae0ff rgb(90,224,255)
```
#5ad2ff
```
#5ad2ff rgb(90,210,255)
```

Similar Colors

Text with hexadecimal color #5afbff

This text has a font color of #5afbff.

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

#5afbff background color

This paragraph has a background color of #5afbff.

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

#5afbff border color

This element has a border color of #5afbff.

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

CSS codes

.text {color:#5afbff;}

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

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

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)
```
#003233
```
#003233 rgb(0,50,51)
```
#004546
```
#004546 rgb(0,69,70)
```
#00585a
```
#00585a rgb(0,88,90)
```
#006b6e
```
#006b6e rgb(0,107,110)
```
#007e81
```
#007e81 rgb(0,126,129)
```
#009195
```
#009195 rgb(0,145,149)
```
#00a4a8
```
#00a4a8 rgb(0,164,168)
```
#00b8bc
```
#00b8bc rgb(0,184,188)
```
#00cbd0
```
#00cbd0 rgb(0,203,208)
```
#00dee3
```
#00dee3 rgb(0,222,227)
```
#00f1f7
```
#00f1f7 rgb(0,241,247)
```

Shade Color Variation

#0cf9ff
```
#0cf9ff rgb(12,249,255)
```
#1ffaff
```
#1ffaff rgb(31,250,255)
```
#33faff
```
#33faff rgb(51,250,255)
```
#46fbff
```
#46fbff rgb(70,251,255)
```
#5afbff
```
#5afbff rgb(90,251,255)
```
#6efbff
```
#6efbff rgb(110,251,255)
```
#81fcff
```
#81fcff rgb(129,252,255)
```
#95fcff
```
#95fcff rgb(149,252,255)
```
#a8fdff
```
#a8fdff rgb(168,253,255)
```
#bcfdff
```
#bcfdff rgb(188,253,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 #5afbff 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)
```
#73e3e6
```
#73e3e6 rgb(115,227,230)
```
#6de9ec
```
#6de9ec rgb(109,233,236)
```
#67eff2
```
#67eff2 rgb(103,239,242)
```
#60f5f9
```
#60f5f9 rgb(96,245,249)
```
#5afbff
```
#5afbff rgb(90,251,255)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#b4d5d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e5f2 Protanopia 1% of men
#e9e2ff Deuteranopia 1% of men
#a6f2ff Tritanopia 0.001% of the population

Trichromacy

#b3edf7 Protanomaly 1% of men, 0.01% of women
#b5ebff Deuteranomaly 6% of men, 0.4% of women
#8af5ff Tritanomaly 0.01% of the population

#5afbff hex color

#5afbff Color Information

#5afbff Color Conversion

Color Schemes with #5afbff

Alternatives to #5afbff

#5afbff Preview

Shades and Tints of #5afbff

Tones of #5afbff

Color Blindness Simulator