In RGB color space, #306ed4 hex color has a red value of 48, a green value of 110 and a blue value of 212.
In CMYK color space (used in color printing), #306ed4 hex color is composed of 77.36% cyan, 48.11% magenta, 0% yellow and 16.86% black.
#306ed4 color has a hue of 217.3 degrees, a saturation of 65.6% and a lightness of 51%.
#306ed4 hex color contains mainly BLUE.
The closest web safe color of #306ed4 is #3366cc
#306ed4 hex color has a decimal value of 3174100.
HEX | 306ed4 | #306ed4 |
---|---|---|
RGB | 48, 110, 212 | rgb(48, 110, 212) |
RGB Percent | 18.82, 43.14, 83.14 | rgb(18.82, 43.14, 83.14) |
CMYK | 77, 48, 0, 17 | |
HSL | 217.3°, 65.6, 51 | hsl(217.3, 65.6%, 51%) |
HSV | 217.3°, 77.4, 83.1 |
XYZ | 18.679, 16.534, 64.494 |
---|---|
Hunter Lab | 40.662, 10.839, -65.576 |
CIE-LAB | 47.667, 16.269, -58.193 |
CIE-LCH | 47.667, 60.424, 285.619 |
CIE-LUV | 77.36, 48.11, 0, 16.86 |
Web Safe | 3366cc |
RGB percent of color #306ed4
CMYK percent of color #306ed4
Text with hexadecimal color #306ed4
This text has a font color of #306ed4
<p style="color:#306ed4">Text here</p>
#306ed4 Background Color
This box has a background color of #306ed4
<div style="background-color:#306ed4">Text here</div>
#306ed4 Border Color
This box has a border color of #306ed4
<div style="border: 4px solid #306ed4">Text here</div>
CSS codes
<p style="color:#306ed4">Text here</p>
<div style="background-color:#306ed4">Text here</div>
<div style="border: 4px solid #306ed4">Text here</div>
#306ed4 Color on white background
This is how a font and box color of #306ed4 will look
on a white background.
#306ed4 Color on black background
This is how a font and box color of #306ed4 hex color will look
on a black background.