In RGB color space, #667ef2 hex color has a red value of 102, a green value of 126 and a blue value of 242.
In CMYK color space (used in color printing), #667ef2 hex color is composed of 57.85% cyan, 47.93% magenta, 0% yellow and 5.1% black.
#667ef2 color has a hue of 229.7 degrees, a saturation of 84.34% and a lightness of 67.5%.
#667ef2 hex color contains mainly BLUE.
The closest web safe color of #667ef2 is #6666ff
#667ef2 hex color has a decimal value of 6717170.
| HEX | 667ef2 | #667ef2 |
|---|---|---|
| RGB | 102, 126, 242 | rgb(102, 126, 242) |
| RGB Percent | 40, 49.41, 94.9 | rgb(40, 49.41, 94.9) |
| CMYK | 58, 48, 0, 5 | |
| HSL | 229.7°, 84.34, 67.5 | hsl(229.7, 84.34%, 67.5%) |
| HSV | 229.7°, 57.9, 94.9 |
| XYZ | 28.967, 24.157, 87.14 |
|---|---|
| Hunter Lab | 49.15, 19.189, -70.713 |
| CIE-LAB | 56.245, 25.08, -61.128 |
| CIE-LCH | 56.245, 66.073, 292.308 |
| CIE-LUV | 57.85, 47.93, 0, 5.1 |
| Web Safe | 6666ff |
RGB percent of color #667ef2
CMYK percent of color #667ef2
Text with hexadecimal color #667ef2
This text has a font color of #667ef2
<p style="color:#667ef2">Text here</p>#667ef2 Background Color
This box has a background color of #667ef2
<div style="background-color:#667ef2">Text here</div>#667ef2 Border Color
This box has a border color of #667ef2
<div style="border: 4px solid #667ef2">Text here</div>CSS codes
<p style="color:#667ef2">Text here</p><div style="background-color:#667ef2">Text here</div><div style="border: 4px solid #667ef2">Text here</div>#667ef2 Color on white background
This is how a font and box color of #667ef2 will look
on a white background.
#667ef2 Color on black background
This is how a font and box color of #667ef2 hex color will look
on a black background.