#229ed2 color information

#229ed2 color space conversions

Hex:
#229ed2
RGB:
34, 158, 210
CMY:
87, 38, 18
CMYK:
84, 25, 0, 18
HSL:
198°, 72.1311%, 47.8431%
HSV (HSB):
198°, 83.8095%, 82.3529%
XYZ:
24.5194, 29.4469, 65.3643
xyY:
0.2055, 0.2468, 29.4469
CIE-Lab:
61.1741, -14.3538, -35.6575
CIE-LCH:
61.1741, 38.4381, 248.0729
CIE-Luv:
61.1741, -39.5700, -54.2301
Hunter-Lab:
54.2650, -14.3094, -33.4315

#229ed2 color charts

#229ed2 RGB chart
#229ed2 CMYK chart
#229ed2 RGB pie chart

#229ed2 color shades, tints & tones

#229ed2 color schemes

#229ed2 #d15622
Complementary of #229ed2
#22d1ad #229ed2 #2245d1
Analogous of #229ed2
#d1ad22 #229ed2 #d12245
Split complementary of #229ed2
#9dd122 #229ed2 #d1229d
Triadic of #229ed2
#45d122 #229ed2 #ad22d1 #d15622
Square of #229ed2
#9dd122 #229ed2 #5522d1 #d15622
Tetradic of #229ed2

#229ed2 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018