#667ef2 color information

#667ef2 color space conversions

Hex:
#667ef2
RGB:
102, 126, 242
CMY:
60, 51, 5
CMYK:
58, 48, 0, 5
HSL:
230°, 84.3373%, 67.4510%
HSV (HSB):
230°, 57.8512%, 94.9020%
XYZ:
28.9674, 24.1573, 87.1405
xyY:
0.2065, 0.1722, 24.1573
CIE-Lab:
56.2449, 25.0801, -61.1275
CIE-LCH:
56.2449, 66.0726, 292.3079
CIE-Luv:
56.2449, -14.8647, -98.8992
Hunter-Lab:
49.1501, 19.1891, -70.7130

#667ef2 color charts

#667ef2 RGB chart
#667ef2 CMYK chart
#667ef2 RGB pie chart

#667ef2 color shades, tints & tones

#667ef2 color schemes

#667ef2 #f2d966
Complementary of #667ef2
#66c4f2 #667ef2 #9466f2
Analogous of #667ef2
#c4f266 #667ef2 #f29466
Split complementary of #667ef2
#7ef266 #667ef2 #f2667e
Triadic of #667ef2
#66f293 #667ef2 #f266c3 #f2d966
Square of #667ef2
#7ef266 #667ef2 #d966f2 #f2d966
Tetradic of #667ef2

#667ef2 color preview, HTML & CSS examples

This text has a color of #667ef2
<p style="color:#667ef2;">Text here</p>
.mytext {color:#667ef2;}
Text color #667ef2
This box has a color of #667ef2
<div style="background-color:#667ef2;">Content here</div>
.mybackground {background-color:#667ef2;}
Background color #667ef2
Border around this has a color of #667ef2
<div style="border:2px solid #667ef2;">Content here</div>
.myborder {border:2px solid #667ef2;}
Border color #667ef2

Random colors

© ColorsDB.com, 2014-2018