In RGB color space, #54bce2 hex color has a red value of 84, a green value of 188 and a blue value of 226.
In CMYK color space (used in color printing), #54bce2 hex color is composed of 62.83% cyan, 16.81% magenta, 0% yellow and 11.37% black.
#54bce2 color has a hue of 196.1 degrees, a saturation of 71% and a lightness of 60.8%.
#54bce2 hex color contains mainly BLUE.
The closest web safe color of #54bce2 is #66cccc
#54bce2 hex color has a decimal value of 5553378.
| HEX | 54bce2 | #54bce2 |
|---|---|---|
| RGB | 84, 188, 226 | rgb(84, 188, 226) |
| RGB Percent | 32.94, 73.73, 88.63 | rgb(32.94, 73.73, 88.63) |
| CMYK | 63, 17, 0, 11 | |
| HSL | 196.1°, 71, 60.8 | hsl(196.1, 71%, 60.8%) |
| HSV | 196.1°, 62.8, 88.6 |
| XYZ | 35.367, 43.342, 78.453 |
|---|---|
| Hunter Lab | 65.835, -19.319, -24.57 |
| CIE-LAB | 71.786, -18.759, -27.944 |
| CIE-LCH | 71.786, 33.657, 236.126 |
| CIE-LUV | 62.83, 16.81, 0, 11.37 |
| Web Safe | 66cccc |
RGB percent of color #54bce2
CMYK percent of color #54bce2
Text with hexadecimal color #54bce2
This text has a font color of #54bce2
<p style="color:#54bce2">Text here</p>#54bce2 Background Color
This box has a background color of #54bce2
<div style="background-color:#54bce2">Text here</div>#54bce2 Border Color
This box has a border color of #54bce2
<div style="border: 4px solid #54bce2">Text here</div>CSS codes
<p style="color:#54bce2">Text here</p><div style="background-color:#54bce2">Text here</div><div style="border: 4px solid #54bce2">Text here</div>#54bce2 Color on white background
This is how a font and box color of #54bce2 will look
on a white background.
#54bce2 Color on black background
This is how a font and box color of #54bce2 hex color will look
on a black background.