#229ef2 color information

#229ef2 color space conversions

Hex:
#229ef2
RGB:
34, 158, 242
CMY:
87, 38, 5
CMYK:
86, 35, 0, 5
HSL:
204°, 88.8889%, 54.1176%
HSV (HSB):
204°, 85.9504%, 94.9020%
XYZ:
28.9136, 31.2046, 88.5036
xyY:
0.1945, 0.2100, 31.2046
CIE-Lab:
62.6800, -2.8656, -50.9958
CIE-LCH:
62.6800, 51.0763, 266.7838
CIE-Luv:
62.6800, -37.6137, -81.4974
Hunter-Lab:
55.8611, -5.3657, -54.8334

#229ef2 color charts

#229ef2 RGB chart
#229ef2 CMYK chart
#229ef2 RGB pie chart

#229ef2 color shades, tints & tones

#229ef2 color schemes

#229ef2 #f17622
Complementary of #229ef2
#22f1de #229ef2 #2235f1
Analogous of #229ef2
#f1de22 #229ef2 #f12235
Split complementary of #229ef2
#9df122 #229ef2 #f1229d
Triadic of #229ef2
#35f122 #229ef2 #de22f1 #f17622
Square of #229ef2
#9df122 #229ef2 #7522f1 #f17622
Tetradic of #229ef2

#229ef2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018