#229ed4 color information

#229ed4 color space conversions

Hex:
#229ed4
RGB:
34, 158, 212
CMY:
87, 38, 17
CMYK:
84, 25, 0, 17
HSL:
198°, 72.3577%, 48.2353%
HSV (HSB):
198°, 83.9623%, 83.1373%
XYZ:
24.7702, 29.5473, 66.6850
xyY:
0.2047, 0.2442, 29.5473
CIE-Lab:
61.2616, -13.6495, -36.6353
CIE-LCH:
61.2616, 39.0955, 249.5657
CIE-Luv:
61.2616, -39.4400, -55.9590
Hunter-Lab:
54.3574, -13.7845, -34.6861

#229ed4 color charts

#229ed4 RGB chart
#229ed4 CMYK chart
#229ed4 RGB pie chart

#229ed4 color shades, tints & tones

#229ed4 color schemes

#229ed4 #d45821
Complementary of #229ed4
#21d4b1 #229ed4 #2144d4
Analogous of #229ed4
#d4b121 #229ed4 #d42144
Split complementary of #229ed4
#9dd421 #229ed4 #d4219d
Triadic of #229ed4
#45d421 #229ed4 #b021d4 #d45821
Square of #229ed4
#9dd421 #229ed4 #5821d4 #d45821
Tetradic of #229ed4

#229ed4 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018