#5bd6ff Color Information
In a RGB color space, hex #5bd6ff is composed of 35.7% red, 83.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 16.1% magenta, 0% yellow and 0% black. It has a hue angle of 195 degrees, a saturation of 100% and a lightness of 67.8%. #5bd6ff color hex could be obtained by blending #b6ffff with #00adff. Closest websafe color is: #66ccff.
-
- R 36
- G 84
- B 100
-
- C 64
- M 16
- Y 0
- K 0
● #5bd6ff color description : Light blue.
#5bd6ff Color Conversion
The hexadecimal color #5bd6ff has RGB values of R:91, G:214, B:255 and CMYK values of C:0.64, M:0.16, Y:0, K:0. Its decimal value is 6018815.
Hex triplet | 5bd6ff | #5bd6ff |
---|---|---|
RGB Decimal | 91, 214, 255 | rgb(91,214,255) |
RGB Percent | 35.7, 83.9, 100 | rgb(35.7%,83.9%,100%) |
CMYK | 64, 16, 0, 0 | |
HSL | 195°, 100, 67.8 | hsl(195,100%,67.8%) |
HSV (or HSB) | 195°, 64.3, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 80.479, -22.141, -30.154 |
---|---|
XYZ | 46.406, 57.534, 103.262 |
xyY | 0.224, 0.278, 57.534 |
CIE-LCH | 80.479, 37.41, 233.711 |
CIE-LUV | 80.479, -47.695, -45.645 |
Hunter-Lab | 75.851, -23.531, -27.62 |
Binary | 01011011, 11010110, 11111111 |
Color Schemes with #5bd6ff
Alternatives to #5bd6ff
Below, you can see some colors close to #5bd6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bd6ff Preview
This text has a font color of #5bd6ff.
<span style="color:#5bd6ff;">Text here</span>
This paragraph has a background color of #5bd6ff.
<p style="background-color:#5bd6ff;">Content here</p>
This element has a border color of #5bd6ff.
<div style="border:1px solid #5bd6ff;">Content here</div>
.text {color:#5bd6ff;}
.background {background-color:#5bd6ff;}
.border {border:1px solid #5bd6ff;}
Shades and Tints of #5bd6ff
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, #00090d is the darkest color, while #f8fdff is the lightest one.
-
#00090d
#00090d
rgb(0,9,13)
-
#001820
#001820
rgb(0,24,32)
-
#002734
#002734
rgb(0,39,52)
-
#003647
#003647
rgb(0,54,71)
-
#00445b
#00445b
rgb(0,68,91)
-
#00536f
#00536f
rgb(0,83,111)
-
#006282
#006282
rgb(0,98,130)
-
#007096
#007096
rgb(0,112,150)
-
#007fa9
#007fa9
rgb(0,127,169)
-
#008ebd
#008ebd
rgb(0,142,189)
-
#009dd1
#009dd1
rgb(0,157,209)
-
#00abe4
#00abe4
rgb(0,171,228)
-
#00baf8
#00baf8
rgb(0,186,248)
-
#0dc2ff
#0dc2ff
rgb(13,194,255)
-
#20c7ff
#20c7ff
rgb(32,199,255)
-
#34ccff
#34ccff
rgb(52,204,255)
-
#47d1ff
#47d1ff
rgb(71,209,255)
-
#5bd6ff
#5bd6ff
rgb(91,214,255)
-
#6fdbff
#6fdbff
rgb(111,219,255)
-
#82e0ff
#82e0ff
rgb(130,224,255)
-
#96e5ff
#96e5ff
rgb(150,229,255)
-
#a9eaff
#a9eaff
rgb(169,234,255)
-
#bdefff
#bdefff
rgb(189,239,255)
-
#d1f3ff
#d1f3ff
rgb(209,243,255)
-
#e4f8ff
#e4f8ff
rgb(228,248,255)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #5bd6ff
A tone is produced by adding gray to any pure hue. In this case, #a7b0b3 is the less saturated color, while #5bd6ff is the most saturated one.
-
#a7b0b3
#a7b0b3
rgb(167,176,179)
-
#a0b3ba
#a0b3ba
rgb(160,179,186)
-
#9ab6c0
#9ab6c0
rgb(154,182,192)
-
#94bac6
#94bac6
rgb(148,186,198)
-
#8dbdcd
#8dbdcd
rgb(141,189,205)
-
#87c0d3
#87c0d3
rgb(135,192,211)
-
#81c3d9
#81c3d9
rgb(129,195,217)
-
#7bc6df
#7bc6df
rgb(123,198,223)
-
#74c9e6
#74c9e6
rgb(116,201,230)
-
#6ecdec
#6ecdec
rgb(110,205,236)
-
#68d0f2
#68d0f2
rgb(104,208,242)
-
#61d3f9
#61d3f9
rgb(97,211,249)
-
#5bd6ff
#5bd6ff
rgb(91,214,255)
Color Blindness Simulator
Below, you can see how #5bd6ff 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.