#2196ed color information

#2196ed color space conversions

Hex:
#2196ed
RGB:
33, 150, 237
CMY:
87, 41, 7
CMYK:
86, 37, 0, 7
HSL:
206°, 85.0000%, 52.9412%
HSV (HSB):
206°, 86.0759%, 92.9412%
XYZ:
26.8196, 28.2505, 84.1601
xyY:
0.1926, 0.2029, 28.2505
CIE-Lab:
60.1143, -0.1287, -52.3146
CIE-LCH:
60.1143, 52.3147, 269.8590
CIE-Luv:
60.1143, -35.3632, -83.3810
Hunter-Lab:
53.1512, -2.9450, -56.6746

#2196ed color charts

#2196ed RGB chart
#2196ed CMYK chart
#2196ed RGB pie chart

#2196ed color shades, tints & tones

#2196ed color schemes

#2196ed #ec7821
Complementary of #2196ed
#21ecde #2196ed #212fec
Analogous of #2196ed
#ecde21 #2196ed #ec212f
Split complementary of #2196ed
#95ec21 #2196ed #ec2195
Triadic of #2196ed
#2fec21 #2196ed #de21ec #ec7821
Square of #2196ed
#95ec21 #2196ed #7721ec #ec7821
Tetradic of #2196ed

#2196ed color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018