#2af6ff color information

#2af6ff color space conversions

Hex:
#2af6ff
RGB:
42, 246, 255
CMY:
84, 4, 0
CMYK:
84, 4, 0, 0
HSL:
183°, 100.0000%, 58.2353%
HSV (HSB):
183°, 83.5294%, 100.0000%
XYZ:
51.9606, 73.6238, 106.0799
xyY:
0.2243, 0.3178, 73.6238
CIE-Lab:
88.7444, -42.6488, -17.6751
CIE-LCH:
88.7444, 46.1663, 202.5107
CIE-Luv:
88.7444, -65.6296, -21.8870
Hunter-Lab:
85.8043, -42.0631, -13.2373

#2af6ff color charts

#2af6ff RGB chart
#2af6ff CMYK chart
#2af6ff RGB pie chart

#2af6ff color shades, tints & tones

#2af6ff color schemes

#2af6ff #ff332a
Complementary of #2af6ff
#2aff9d #2af6ff #2a8bff
Analogous of #2af6ff
#ff9d2a #2af6ff #ff2a8b
Split complementary of #2af6ff
#f5ff2a #2af6ff #ff2af5
Triadic of #2af6ff
#8bff2a #2af6ff #9d2aff #ff332a
Square of #2af6ff
#f5ff2a #2af6ff #332aff #ff332a
Tetradic of #2af6ff

#2af6ff color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018