In RGB color space, #667ed2 hex color has a red value of 102, a green value of 126 and a blue value of 210.
In CMYK color space (used in color printing), #667ed2 hex color is composed of 51.43% cyan, 40% magenta, 0% yellow and 17.65% black.
#667ed2 color has a hue of 226.7 degrees, a saturation of 54.55% and a lightness of 61.2%.
#667ed2 hex color contains mainly BLUE.
The closest web safe color of #667ed2 is #6666cc
#667ed2 hex color has a decimal value of 6717138.
HEX | 667ed2 | #667ed2 |
---|---|---|
RGB | 102, 126, 210 | rgb(102, 126, 210) |
RGB Percent | 40, 49.41, 82.35 | rgb(40, 49.41, 82.35) |
CMYK | 51, 40, 0, 18 | |
HSL | 226.7°, 54.55, 61.2 | hsl(226.7, 54.55%, 61.2%) |
HSV | 226.7°, 51.4, 82.4 |
XYZ | 24.573, 22.4, 64.001 |
---|---|
Hunter Lab | 47.329, 9.852, -47.046 |
CIE-LAB | 54.449, 14.866, -46.071 |
CIE-LCH | 54.449, 48.41, 287.884 |
CIE-LUV | 51.43, 40, 0, 17.65 |
Web Safe | 6666cc |
RGB percent of color #667ed2
CMYK percent of color #667ed2
Text with hexadecimal color #667ed2
This text has a font color of #667ed2
<p style="color:#667ed2">Text here</p>
#667ed2 Background Color
This box has a background color of #667ed2
<div style="background-color:#667ed2">Text here</div>
#667ed2 Border Color
This box has a border color of #667ed2
<div style="border: 4px solid #667ed2">Text here</div>
CSS codes
<p style="color:#667ed2">Text here</p>
<div style="background-color:#667ed2">Text here</div>
<div style="border: 4px solid #667ed2">Text here</div>
#667ed2 Color on white background
This is how a font and box color of #667ed2 will look
on a white background.
#667ed2 Color on black background
This is how a font and box color of #667ed2 hex color will look
on a black background.