#5ecbff Color Information
In a RGB color space, hex #5ecbff is composed of 36.9% red, 79.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 20.4% magenta, 0% yellow and 0% black. It has a hue angle of 199.4 degrees, a saturation of 100% and a lightness of 68.4%. #5ecbff color hex could be obtained by blending #bcffff with #0097ff. Closest websafe color is: #66ccff.
-
- R 37
- G 80
- B 100
-
- C 63
- M 20
- Y 0
- K 0
● #5ecbff color description : Light blue.
#5ecbff Color Conversion
The hexadecimal color #5ecbff has RGB values of R:94, G:203, B:255 and CMYK values of C:0.63, M:0.2, Y:0, K:0. Its decimal value is 6212607.
| Hex triplet | 5ecbff | #5ecbff |
|---|---|---|
| RGB Decimal | 94, 203, 255 | rgb(94,203,255) |
| RGB Percent | 36.9, 79.6, 100 | rgb(36.9%,79.6%,100%) |
| CMYK | 63, 20, 0, 0 | |
| HSL | 199.4°, 100, 68.4 | hsl(199.4,100%,68.4%) |
| HSV (or HSB) | 199.4°, 63.1, 100 | |
| Web Safe | 66ccff | #66ccff |
| CIE-LAB | 77.465, -16.025, -34.79 |
|---|---|
| XYZ | 44.017, 52.308, 102.379 |
| xyY | 0.222, 0.263, 52.308 |
| CIE-LCH | 77.465, 38.303, 245.268 |
| CIE-LUV | 77.465, -43.12, -54.221 |
| Hunter-Lab | 72.324, -17.931, -33.301 |
| Binary | 01011110, 11001011, 11111111 |
Color Schemes with #5ecbff
Alternatives to #5ecbff
Below, you can see some colors close to #5ecbff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ecbff Preview
This text has a font color of #5ecbff.
<span style="color:#5ecbff;">Text here</span>
This paragraph has a background color of #5ecbff.
<p style="background-color:#5ecbff;">Content here</p>
This element has a border color of #5ecbff.
<div style="border:1px solid #5ecbff;">Content here</div>
.text {color:#5ecbff;}
.background {background-color:#5ecbff;}
.border {border:1px solid #5ecbff;}
Shades and Tints of #5ecbff
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, #000b10 is the darkest color, while #fbfeff is the lightest one.
-
#000b10
#000b10rgb(0,11,16) -
#001823
#001823rgb(0,24,35) -
#002537
#002537rgb(0,37,55) -
#00324a
#00324argb(0,50,74) -
#00405e
#00405ergb(0,64,94) -
#004d72
#004d72rgb(0,77,114) -
#005a85
#005a85rgb(0,90,133) -
#006799
#006799rgb(0,103,153) -
#0075ac
#0075acrgb(0,117,172) -
#0082c0
#0082c0rgb(0,130,192) -
#008fd4
#008fd4rgb(0,143,212) -
#009de7
#009de7rgb(0,157,231) -
#00aafb
#00aafbrgb(0,170,251)
-
#10b2ff
#10b2ffrgb(16,178,255) -
#23b8ff
#23b8ffrgb(35,184,255) -
#37beff
#37beffrgb(55,190,255) -
#4ac5ff
#4ac5ffrgb(74,197,255) -
#5ecbff
#5ecbffrgb(94,203,255) -
#72d1ff
#72d1ffrgb(114,209,255) -
#85d8ff
#85d8ffrgb(133,216,255) -
#99deff
#99deffrgb(153,222,255) -
#ace4ff
#ace4ffrgb(172,228,255) -
#c0ebff
#c0ebffrgb(192,235,255) -
#d4f1ff
#d4f1ffrgb(212,241,255) -
#e7f7ff
#e7f7ffrgb(231,247,255) -
#fbfeff
#fbfeffrgb(251,254,255)
Tones of #5ecbff
A tone is produced by adding gray to any pure hue. In this case, #a8b1b5 is the less saturated color, while #5ecbff is the most saturated one.
-
#a8b1b5
#a8b1b5rgb(168,177,181) -
#a2b3bb
#a2b3bbrgb(162,179,187) -
#9cb5c1
#9cb5c1rgb(156,181,193) -
#96b7c7
#96b7c7rgb(150,183,199) -
#90b9cd
#90b9cdrgb(144,185,205) -
#89bcd4
#89bcd4rgb(137,188,212) -
#83beda
#83bedargb(131,190,218) -
#7dc0e0
#7dc0e0rgb(125,192,224) -
#77c2e6
#77c2e6rgb(119,194,230) -
#71c4ec
#71c4ecrgb(113,196,236) -
#6ac7f3
#6ac7f3rgb(106,199,243) -
#64c9f9
#64c9f9rgb(100,201,249) -
#5ecbff
#5ecbffrgb(94,203,255)
Color Blindness Simulator
Below, you can see how #5ecbff 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.
