In RGB color space, #2284ff hex color has a red value of 34, a green value of 132 and a blue value of 255.
In CMYK color space (used in color printing), #2284ff hex color is composed of 86.67% cyan, 48.24% magenta, 0% yellow and 0% black.
#2284ff color has a hue of 213.4 degrees, a saturation of 100% and a lightness of 56.7%.
#2284ff hex color contains mainly BLUE.
The closest web safe color of #2284ff is #3399ff
#2284ff hex color has a decimal value of 2262271.
| HEX | 2284ff | #2284ff |
|---|---|---|
| RGB | 34, 132, 255 | rgb(34, 132, 255) |
| RGB Percent | 13.33, 51.76, 100 | rgb(13.33, 51.76, 100) |
| CMYK | 87, 48, 0, 0 | |
| HSL | 213.4°, 100, 56.7 | hsl(213.4, 100%, 56.7%) |
| HSV | 213.4°, 86.7, 100 |
| XYZ | 26.961, 24.063, 97.831 |
|---|---|
| Hunter Lab | 49.054, 12.262, -83.907 |
| CIE-LAB | 56.151, 17.531, -68.592 |
| CIE-LCH | 56.151, 70.797, 284.337 |
| CIE-LUV | 86.67, 48.24, 0, 0 |
| Web Safe | 3399ff |
RGB percent of color #2284ff
CMYK percent of color #2284ff
Text with hexadecimal color #2284ff
This text has a font color of #2284ff
<p style="color:#2284ff">Text here</p>#2284ff Background Color
This box has a background color of #2284ff
<div style="background-color:#2284ff">Text here</div>#2284ff Border Color
This box has a border color of #2284ff
<div style="border: 4px solid #2284ff">Text here</div>CSS codes
<p style="color:#2284ff">Text here</p><div style="background-color:#2284ff">Text here</div><div style="border: 4px solid #2284ff">Text here</div>#2284ff Color on white background
This is how a font and box color of #2284ff will look
on a white background.
#2284ff Color on black background
This is how a font and box color of #2284ff hex color will look
on a black background.