#229eb2 color information

#229eb2 color space conversions

Hex:
#229eb2
RGB:
34, 158, 178
CMY:
87, 38, 30
CMYK:
81, 11, 0, 30
HSL:
188°, 67.9245%, 41.5686%
HSV (HSB):
188°, 80.8989%, 69.8039%
XYZ:
20.9224, 28.0082, 46.4229
xyY:
0.2194, 0.2937, 28.0082
CIE-Lab:
59.8961, -25.2397, -19.6738
CIE-LCH:
59.8961, 32.0016, 217.9357
CIE-Luv:
59.8961, -41.7551, -26.4442
Hunter-Lab:
52.9227, -22.0467, -14.9622

#229eb2 color charts

#229eb2 RGB chart
#229eb2 CMYK chart
#229eb2 RGB pie chart

#229eb2 color shades, tints & tones

#229eb2 color schemes

#229eb2 #b23621
Complementary of #229eb2
#21b27e #229eb2 #2155b2
Analogous of #229eb2
#b27e21 #229eb2 #b22155
Split complementary of #229eb2
#9db221 #229eb2 #b2219d
Triadic of #229eb2
#55b221 #229eb2 #7e21b2 #b23621
Square of #229eb2
#9db221 #229eb2 #3521b2 #b23621
Tetradic of #229eb2

#229eb2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018