#5af8ff Color Information
In a RGB color space, hex #5af8ff is composed of 35.3% red, 97.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 2.7% magenta, 0% yellow and 0% black. It has a hue angle of 182.5 degrees, a saturation of 100% and a lightness of 67.6%. #5af8ff color hex could be obtained by blending #b4ffff with #00f1ff. Closest websafe color is: #66ffff.
-
- R 35
- G 97
- B 100
-
- C 65
- M 3
- Y 0
- K 0
● #5af8ff color description : Light cyan.
#5af8ff Color Conversion
The hexadecimal color #5af8ff has RGB values of R:90, G:248, B:255 and CMYK values of C:0.65, M:0.03, Y:0, K:0. Its decimal value is 5961983.
Hex triplet | 5af8ff | #5af8ff |
---|---|---|
RGB Decimal | 90, 248, 255 | rgb(90,248,255) |
RGB Percent | 35.3, 97.3, 100 | rgb(35.3%,97.3%,100%) |
CMYK | 65, 3, 0, 0 | |
HSL | 182.5°, 100, 67.6 | hsl(182.5,100%,67.6%) |
HSV (or HSB) | 182.5°, 64.7, 100 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 90.102, -38.598, -15.553 |
---|---|
XYZ | 55.829, 76.524, 106.431 |
xyY | 0.234, 0.32, 76.524 |
CIE-LCH | 90.102, 41.613, 201.947 |
CIE-LUV | 90.102, -59.983, -18.883 |
Hunter-Lab | 87.478, -39.167, -10.901 |
Binary | 01011010, 11111000, 11111111 |
Color Schemes with #5af8ff
Alternatives to #5af8ff
Below, you can see some colors close to #5af8ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af8ff Preview
This text has a font color of #5af8ff.
<span style="color:#5af8ff;">Text here</span>
This paragraph has a background color of #5af8ff.
<p style="background-color:#5af8ff;">Content here</p>
This element has a border color of #5af8ff.
<div style="border:1px solid #5af8ff;">Content here</div>
.text {color:#5af8ff;}
.background {background-color:#5af8ff;}
.border {border:1px solid #5af8ff;}
Shades and Tints of #5af8ff
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)
-
#004346
#004346
rgb(0,67,70)
-
#00565a
#00565a
rgb(0,86,90)
-
#00696e
#00696e
rgb(0,105,110)
-
#007c81
#007c81
rgb(0,124,129)
-
#008f95
#008f95
rgb(0,143,149)
-
#00a1a8
#00a1a8
rgb(0,161,168)
-
#00b4bc
#00b4bc
rgb(0,180,188)
-
#00c7d0
#00c7d0
rgb(0,199,208)
-
#00dae3
#00dae3
rgb(0,218,227)
-
#00ecf7
#00ecf7
rgb(0,236,247)
-
#0cf5ff
#0cf5ff
rgb(12,245,255)
-
#1ff6ff
#1ff6ff
rgb(31,246,255)
-
#33f6ff
#33f6ff
rgb(51,246,255)
-
#46f7ff
#46f7ff
rgb(70,247,255)
-
#5af8ff
#5af8ff
rgb(90,248,255)
-
#6ef9ff
#6ef9ff
rgb(110,249,255)
-
#81faff
#81faff
rgb(129,250,255)
-
#95faff
#95faff
rgb(149,250,255)
-
#a8fbff
#a8fbff
rgb(168,251,255)
-
#bcfcff
#bcfcff
rgb(188,252,255)
-
#d0fdff
#d0fdff
rgb(208,253,255)
-
#e3feff
#e3feff
rgb(227,254,255)
-
#f7ffff
#f7ffff
rgb(247,255,255)
Tones of #5af8ff
A tone is produced by adding gray to any pure hue. In this case, #a6b2b3 is the less saturated color, while #5af8ff 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)
-
#86cfd3
#86cfd3
rgb(134,207,211)
-
#80d5d9
#80d5d9
rgb(128,213,217)
-
#7adbdf
#7adbdf
rgb(122,219,223)
-
#73e1e6
#73e1e6
rgb(115,225,230)
-
#6de7ec
#6de7ec
rgb(109,231,236)
-
#67ecf2
#67ecf2
rgb(103,236,242)
-
#60f2f9
#60f2f9
rgb(96,242,249)
-
#5af8ff
#5af8ff
rgb(90,248,255)
Color Blindness Simulator
Below, you can see how #5af8ff 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.