In RGB color space, #2563ff hex color has a red value of 37, a green value of 99 and a blue value of 255.
In CMYK color space (used in color printing), #2563ff hex color is composed of 85.49% cyan, 61.18% magenta, 0% yellow and 0% black.
#2563ff color has a hue of 222.9 degrees, a saturation of 100% and a lightness of 57.3%.
#2563ff hex color contains mainly BLUE.
The closest web safe color of #2563ff is #3366ff
#2563ff hex color has a decimal value of 2450431.
| HEX | 2563ff | #2563ff |
|---|---|---|
| RGB | 37, 99, 255 | rgb(37, 99, 255) |
| RGB Percent | 14.51, 38.82, 100 | rgb(14.51, 38.82, 100) |
| CMYK | 85, 61, 0, 0 | |
| HSL | 222.9°, 100, 57.3 | hsl(222.9, 100%, 57.3%) |
| HSV | 222.9°, 85.5, 100 |
| XYZ | 23.275, 16.537, 96.573 |
|---|---|
| Hunter Lab | 40.666, 30.999, -112.336 |
| CIE-LAB | 47.671, 38.369, -82.381 |
| CIE-LCH | 47.671, 90.878, 294.974 |
| CIE-LUV | 85.49, 61.18, 0, 0 |
| Web Safe | 3366ff |
RGB percent of color #2563ff
CMYK percent of color #2563ff
Text with hexadecimal color #2563ff
This text has a font color of #2563ff
<p style="color:#2563ff">Text here</p>#2563ff Background Color
This box has a background color of #2563ff
<div style="background-color:#2563ff">Text here</div>#2563ff Border Color
This box has a border color of #2563ff
<div style="border: 4px solid #2563ff">Text here</div>CSS codes
<p style="color:#2563ff">Text here</p><div style="background-color:#2563ff">Text here</div><div style="border: 4px solid #2563ff">Text here</div>#2563ff Color on white background
This is how a font and box color of #2563ff will look
on a white background.
#2563ff Color on black background
This is how a font and box color of #2563ff hex color will look
on a black background.