#5988ff Color Information
In a RGB color space, hex #5988ff is composed of 34.9% red, 53.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 46.7% magenta, 0% yellow and 0% black. It has a hue angle of 223 degrees, a saturation of 100% and a lightness of 67.5%. #5988ff color hex could be obtained by blending #b2ffff with #0011ff. Closest websafe color is: #6699ff.
-
- R 35
- G 53
- B 100
-
- C 65
- M 47
- Y 0
- K 0
● #5988ff color description : Light blue.
#5988ff Color Conversion
The hexadecimal color #5988ff has RGB values of R:89, G:136, B:255 and CMYK values of C:0.65, M:0.47, Y:0, K:0. Its decimal value is 5867775.
Hex triplet | 5988ff | #5988ff |
---|---|---|
RGB Decimal | 89, 136, 255 | rgb(89,136,255) |
RGB Percent | 34.9, 53.3, 100 | rgb(34.9%,53.3%,100%) |
CMYK | 65, 47, 0, 0 | |
HSL | 223°, 100, 67.5 | hsl(223,100%,67.5%) |
HSV (or HSB) | 223°, 65.1, 100 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.928, 21.096, -64.028 |
---|---|
XYZ | 30.97, 26.95, 98.172 |
xyY | 0.198, 0.173, 26.95 |
CIE-LCH | 58.928, 67.414, 288.237 |
CIE-LUV | 58.928, -21.511, -104.15 |
Hunter-Lab | 51.914, 15.639, -75.782 |
Binary | 01011001, 10001000, 11111111 |
Color Schemes with #5988ff
Alternatives to #5988ff
Below, you can see some colors close to #5988ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5988ff Preview
This text has a font color of #5988ff.
<span style="color:#5988ff;">Text here</span>
This paragraph has a background color of #5988ff.
<p style="background-color:#5988ff;">Content here</p>
This element has a border color of #5988ff.
<div style="border:1px solid #5988ff;">Content here</div>
.text {color:#5988ff;}
.background {background-color:#5988ff;}
.border {border:1px solid #5988ff;}
Shades and Tints of #5988ff
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, #00030b is the darkest color, while #f6f8ff is the lightest one.
-
#00030b
#00030b
rgb(0,3,11)
-
#00091e
#00091e
rgb(0,9,30)
-
#000e32
#000e32
rgb(0,14,50)
-
#001445
#001445
rgb(0,20,69)
-
#001959
#001959
rgb(0,25,89)
-
#001f6d
#001f6d
rgb(0,31,109)
-
#002480
#002480
rgb(0,36,128)
-
#002a94
#002a94
rgb(0,42,148)
-
#002fa7
#002fa7
rgb(0,47,167)
-
#0035bb
#0035bb
rgb(0,53,187)
-
#003bcf
#003bcf
rgb(0,59,207)
-
#0040e2
#0040e2
rgb(0,64,226)
-
#0046f6
#0046f6
rgb(0,70,246)
-
#0b50ff
#0b50ff
rgb(11,80,255)
-
#1e5eff
#1e5eff
rgb(30,94,255)
-
#326cff
#326cff
rgb(50,108,255)
-
#457aff
#457aff
rgb(69,122,255)
-
#5988ff
#5988ff
rgb(89,136,255)
-
#6d96ff
#6d96ff
rgb(109,150,255)
-
#80a4ff
#80a4ff
rgb(128,164,255)
-
#94b2ff
#94b2ff
rgb(148,178,255)
-
#a7c0ff
#a7c0ff
rgb(167,192,255)
-
#bbceff
#bbceff
rgb(187,206,255)
-
#cfdcff
#cfdcff
rgb(207,220,255)
-
#e2eaff
#e2eaff
rgb(226,234,255)
-
#f6f8ff
#f6f8ff
rgb(246,248,255)
Tones of #5988ff
A tone is produced by adding gray to any pure hue. In this case, #a6a9b2 is the less saturated color, while #5988ff is the most saturated one.
-
#a6a9b2
#a6a9b2
rgb(166,169,178)
-
#9fa6b9
#9fa6b9
rgb(159,166,185)
-
#99a4bf
#99a4bf
rgb(153,164,191)
-
#92a1c6
#92a1c6
rgb(146,161,198)
-
#8c9ecc
#8c9ecc
rgb(140,158,204)
-
#869bd2
#869bd2
rgb(134,155,210)
-
#7f99d9
#7f99d9
rgb(127,153,217)
-
#7996df
#7996df
rgb(121,150,223)
-
#7393e5
#7393e5
rgb(115,147,229)
-
#6c90ec
#6c90ec
rgb(108,144,236)
-
#668ef2
#668ef2
rgb(102,142,242)
-
#5f8bf9
#5f8bf9
rgb(95,139,249)
-
#5988ff
#5988ff
rgb(89,136,255)
Color Blindness Simulator
Below, you can see how #5988ff 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.