#5bc2ff Color Information
In a RGB color space, hex #5bc2ff is composed of 35.7% red, 76.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 23.9% magenta, 0% yellow and 0% black. It has a hue angle of 202.3 degrees, a saturation of 100% and a lightness of 67.8%. #5bc2ff color hex could be obtained by blending #b6ffff with #0085ff. Closest websafe color is: #66ccff.
-
- R 36
- G 76
- B 100
-
- C 64
- M 24
- Y 0
- K 0
● #5bc2ff color description : Light blue.
#5bc2ff Color Conversion
The hexadecimal color #5bc2ff has RGB values of R:91, G:194, B:255 and CMYK values of C:0.64, M:0.24, Y:0, K:0. Its decimal value is 6013695.
Hex triplet | 5bc2ff | #5bc2ff |
---|---|---|
RGB Decimal | 91, 194, 255 | rgb(91,194,255) |
RGB Percent | 35.7, 76.1, 100 | rgb(35.7%,76.1%,100%) |
CMYK | 64, 24, 0, 0 | |
HSL | 202.3°, 100, 67.8 | hsl(202.3,100%,67.8%) |
HSV (or HSB) | 202.3°, 64.3, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.84, -11.771, -38.865 |
---|---|
XYZ | 41.652, 48.025, 101.677 |
xyY | 0.218, 0.251, 48.025 |
CIE-LCH | 74.84, 40.609, 253.15 |
CIE-LUV | 74.84, -40.573, -61.562 |
Hunter-Lab | 69.3, -13.99, -38.481 |
Binary | 01011011, 11000010, 11111111 |
Color Schemes with #5bc2ff
Alternatives to #5bc2ff
Below, you can see some colors close to #5bc2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bc2ff Preview
This text has a font color of #5bc2ff.
<span style="color:#5bc2ff;">Text here</span>
This paragraph has a background color of #5bc2ff.
<p style="background-color:#5bc2ff;">Content here</p>
This element has a border color of #5bc2ff.
<div style="border:1px solid #5bc2ff;">Content here</div>
.text {color:#5bc2ff;}
.background {background-color:#5bc2ff;}
.border {border:1px solid #5bc2ff;}
Shades and Tints of #5bc2ff
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, #00080d is the darkest color, while #f8fcff is the lightest one.
-
#00080d
#00080d
rgb(0,8,13)
-
#001420
#001420
rgb(0,20,32)
-
#002134
#002134
rgb(0,33,52)
-
#002d47
#002d47
rgb(0,45,71)
-
#00395b
#00395b
rgb(0,57,91)
-
#00456f
#00456f
rgb(0,69,111)
-
#005282
#005282
rgb(0,82,130)
-
#005e96
#005e96
rgb(0,94,150)
-
#006aa9
#006aa9
rgb(0,106,169)
-
#0077bd
#0077bd
rgb(0,119,189)
-
#0083d1
#0083d1
rgb(0,131,209)
-
#008fe4
#008fe4
rgb(0,143,228)
-
#009cf8
#009cf8
rgb(0,156,248)
-
#0da5ff
#0da5ff
rgb(13,165,255)
-
#20acff
#20acff
rgb(32,172,255)
-
#34b3ff
#34b3ff
rgb(52,179,255)
-
#47bbff
#47bbff
rgb(71,187,255)
-
#5bc2ff
#5bc2ff
rgb(91,194,255)
-
#6fc9ff
#6fc9ff
rgb(111,201,255)
-
#82d1ff
#82d1ff
rgb(130,209,255)
-
#96d8ff
#96d8ff
rgb(150,216,255)
-
#a9dfff
#a9dfff
rgb(169,223,255)
-
#bde6ff
#bde6ff
rgb(189,230,255)
-
#d1eeff
#d1eeff
rgb(209,238,255)
-
#e4f5ff
#e4f5ff
rgb(228,245,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #5bc2ff
A tone is produced by adding gray to any pure hue. In this case, #a7afb3 is the less saturated color, while #5bc2ff is the most saturated one.
-
#a7afb3
#a7afb3
rgb(167,175,179)
-
#a0b0ba
#a0b0ba
rgb(160,176,186)
-
#9ab2c0
#9ab2c0
rgb(154,178,192)
-
#94b3c6
#94b3c6
rgb(148,179,198)
-
#8db5cd
#8db5cd
rgb(141,181,205)
-
#87b7d3
#87b7d3
rgb(135,183,211)
-
#81b8d9
#81b8d9
rgb(129,184,217)
-
#7bbadf
#7bbadf
rgb(123,186,223)
-
#74bce6
#74bce6
rgb(116,188,230)
-
#6ebdec
#6ebdec
rgb(110,189,236)
-
#68bff2
#68bff2
rgb(104,191,242)
-
#61c0f9
#61c0f9
rgb(97,192,249)
-
#5bc2ff
#5bc2ff
rgb(91,194,255)
Color Blindness Simulator
Below, you can see how #5bc2ff 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.