#2af0ff color information

#2af0ff color space conversions

Hex:
#2af0ff
RGB:
42, 240, 255
CMY:
84, 6, 0
CMYK:
84, 6, 0, 0
HSL:
184°, 100.0000%, 58.2353%
HSV (HSB):
184°, 83.5294%, 100.0000%
XYZ:
50.1649, 70.0324, 105.4814
xyY:
0.2223, 0.3103, 70.0324
CIE-Lab:
87.0128, -39.9499, -20.2870
CIE-LCH:
87.0128, 44.8058, 206.9219
CIE-Luv:
87.0128, -63.6173, -26.6492
Hunter-Lab:
83.6854, -39.4481, -16.1524

#2af0ff color charts

#2af0ff RGB chart
#2af0ff CMYK chart
#2af0ff RGB pie chart

#2af0ff color shades, tints & tones

#2af0ff color schemes

#2af0ff #ff392a
Complementary of #2af0ff
#2affa3 #2af0ff #2a85ff
Analogous of #2af0ff
#ffa32a #2af0ff #ff2a85
Split complementary of #2af0ff
#f0ff2a #2af0ff #ff2aef
Triadic of #2af0ff
#85ff2a #2af0ff #a32aff #ff392a
Square of #2af0ff
#f0ff2a #2af0ff #382aff #ff392a
Tetradic of #2af0ff

#2af0ff color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018