#3af6cc color information

#3af6cc color space conversions

Hex:
#3af6cc
RGB:
58, 246, 204
CMY:
77, 4, 20
CMYK:
76, 0, 17, 4
HSL:
167°, 91.2621%, 59.6078%
HSV (HSB):
167°, 76.4228%, 96.4706%
XYZ:
45.5998, 71.1707, 68.4607
xyY:
0.2462, 0.3842, 71.1707
CIE-Lab:
87.5679, -54.9917, 7.2260
CIE-LCH:
87.5679, 55.4644, 172.5142
CIE-Luv:
87.5679, -67.7405, 19.8704
Hunter-Lab:
84.3627, -51.1519, 10.9398

#3af6cc color charts

#3af6cc RGB chart
#3af6cc CMYK chart
#3af6cc RGB pie chart

#3af6cc color shades, tints & tones

#3af6cc color schemes

#3af6cc #f63964
Complementary of #3af6cc
#39f66e #3af6cc #39c1f6
Analogous of #3af6cc
#f66d39 #3af6cc #f639c1
Split complementary of #3af6cc
#f6cb39 #3af6cc #cb39f6
Triadic of #3af6cc
#c1f639 #3af6cc #6e39f6 #f63964
Square of #3af6cc
#f6cb39 #3af6cc #3964f6 #f63964
Tetradic of #3af6cc

#3af6cc color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018