#5aacff Color Information
In a RGB color space, hex #5aacff is composed of 35.3% red, 67.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 32.5% magenta, 0% yellow and 0% black. It has a hue angle of 210.2 degrees, a saturation of 100% and a lightness of 67.6%. #5aacff color hex could be obtained by blending #b4ffff with #0059ff. Closest websafe color is: #6699ff.
-
- R 35
- G 67
- B 100
-
- C 65
- M 33
- Y 0
- K 0
● #5aacff color description : Light blue.
#5aacff Color Conversion
The hexadecimal color #5aacff has RGB values of R:90, G:172, B:255 and CMYK values of C:0.65, M:0.33, Y:0, K:0. Its decimal value is 5942527.
Hex triplet | 5aacff | #5aacff |
---|---|---|
RGB Decimal | 90, 172, 255 | rgb(90,172,255) |
RGB Percent | 35.3, 67.5, 100 | rgb(35.3%,67.5%,100%) |
CMYK | 65, 33, 0, 0 | |
HSL | 210.2°, 100, 67.6 | hsl(210.2,100%,67.6%) |
HSV (or HSB) | 210.2°, 64.7, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 68.676, 0.149, -48.516 |
---|---|
XYZ | 37.015, 38.896, 100.159 |
xyY | 0.21, 0.221, 38.896 |
CIE-LCH | 68.676, 48.517, 270.175 |
CIE-LUV | 68.676, -33.095, -78.759 |
Hunter-Lab | 62.367, -3.202, -51.561 |
Binary | 01011010, 10101100, 11111111 |
Color Schemes with #5aacff
Alternatives to #5aacff
Below, you can see some colors close to #5aacff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aacff Preview
This text has a font color of #5aacff.
<span style="color:#5aacff;">Text here</span>
This paragraph has a background color of #5aacff.
<p style="background-color:#5aacff;">Content here</p>
This element has a border color of #5aacff.
<div style="border:1px solid #5aacff;">Content here</div>
.text {color:#5aacff;}
.background {background-color:#5aacff;}
.border {border:1px solid #5aacff;}
Shades and Tints of #5aacff
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, #00060c is the darkest color, while #f7fbff is the lightest one.
-
#00060c
#00060c
rgb(0,6,12)
-
#000f1f
#000f1f
rgb(0,15,31)
-
#001933
#001933
rgb(0,25,51)
-
#002346
#002346
rgb(0,35,70)
-
#002d5a
#002d5a
rgb(0,45,90)
-
#00366e
#00366e
rgb(0,54,110)
-
#004081
#004081
rgb(0,64,129)
-
#004a95
#004a95
rgb(0,74,149)
-
#0054a8
#0054a8
rgb(0,84,168)
-
#005dbc
#005dbc
rgb(0,93,188)
-
#0067d0
#0067d0
rgb(0,103,208)
-
#0071e3
#0071e3
rgb(0,113,227)
-
#007bf7
#007bf7
rgb(0,123,247)
-
#0c85ff
#0c85ff
rgb(12,133,255)
-
#1f8eff
#1f8eff
rgb(31,142,255)
-
#3398ff
#3398ff
rgb(51,152,255)
-
#46a2ff
#46a2ff
rgb(70,162,255)
-
#5aacff
#5aacff
rgb(90,172,255)
-
#6eb6ff
#6eb6ff
rgb(110,182,255)
-
#81c0ff
#81c0ff
rgb(129,192,255)
-
#95caff
#95caff
rgb(149,202,255)
-
#a8d3ff
#a8d3ff
rgb(168,211,255)
-
#bcddff
#bcddff
rgb(188,221,255)
-
#d0e7ff
#d0e7ff
rgb(208,231,255)
-
#e3f1ff
#e3f1ff
rgb(227,241,255)
-
#f7fbff
#f7fbff
rgb(247,251,255)
Tones of #5aacff
A tone is produced by adding gray to any pure hue. In this case, #a6acb3 is the less saturated color, while #5aacff is the most saturated one.
-
#a6acb3
#a6acb3
rgb(166,172,179)
-
#a0acb9
#a0acb9
rgb(160,172,185)
-
#99acc0
#99acc0
rgb(153,172,192)
-
#93acc6
#93acc6
rgb(147,172,198)
-
#8daccc
#8daccc
rgb(141,172,204)
-
#86acd3
#86acd3
rgb(134,172,211)
-
#80acd9
#80acd9
rgb(128,172,217)
-
#7aacdf
#7aacdf
rgb(122,172,223)
-
#73ace6
#73ace6
rgb(115,172,230)
-
#6dacec
#6dacec
rgb(109,172,236)
-
#67acf2
#67acf2
rgb(103,172,242)
-
#60acf9
#60acf9
rgb(96,172,249)
-
#5aacff
#5aacff
rgb(90,172,255)
Color Blindness Simulator
Below, you can see how #5aacff 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.