#229ed3 color information

#229ed3 color space conversions

Hex:
#229ed3
RGB:
34, 158, 211
CMY:
87, 38, 17
CMYK:
84, 25, 0, 17
HSL:
198°, 72.2449%, 48.0392%
HSV (HSB):
198°, 83.8863%, 82.7451%
XYZ:
24.6444, 29.4969, 66.0226
xyY:
0.2051, 0.2455, 29.4969
CIE-Lab:
61.2177, -14.0019, -36.1467
CIE-LCH:
61.2177, 38.7639, 248.8254
CIE-Luv:
61.2177, -39.5049, -55.0948
Hunter-Lab:
54.3111, -14.0475, -34.0574

#229ed3 color charts

#229ed3 RGB chart
#229ed3 CMYK chart
#229ed3 RGB pie chart

#229ed3 color shades, tints & tones

#229ed3 color schemes

#229ed3 #d35621
Complementary of #229ed3
#21d3af #229ed3 #2145d3
Analogous of #229ed3
#d3af21 #229ed3 #d32145
Split complementary of #229ed3
#9ed321 #229ed3 #d3219d
Triadic of #229ed3
#45d321 #229ed3 #af21d3 #d35621
Square of #229ed3
#9ed321 #229ed3 #5621d3 #d35621
Tetradic of #229ed3

#229ed3 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018