#3caad5 color information

#3caad5 color space conversions

Hex:
#3caad5
RGB:
60, 170, 213
CMY:
76, 33, 16
CMYK:
72, 20, 0, 16
HSL:
197°, 64.5570%, 53.5294%
HSV (HSB):
197°, 71.8310%, 83.5294%
XYZ:
28.2484, 34.5142, 68.1238
xyY:
0.2158, 0.2637, 34.5142
CIE-Lab:
65.3687, -17.0533, -30.7670
CIE-LCH:
65.3687, 35.1771, 241.0016
CIE-Luv:
65.3687, -40.1513, -46.1860
Hunter-Lab:
58.7488, -16.9814, -27.6273

#3caad5 color charts

#3caad5 RGB chart
#3caad5 CMYK chart
#3caad5 RGB pie chart

#3caad5 color shades, tints & tones

#3caad5 color schemes

#3caad5 #d5663b
Complementary of #3caad5
#3bd5b3 #3caad5 #3b5dd5
Analogous of #3caad5
#d5b33b #3caad5 #d53b5d
Split complementary of #3caad5
#aad53b #3caad5 #d53baa
Triadic of #3caad5
#5dd53b #3caad5 #b33bd5 #d5663b
Square of #3caad5
#aad53b #3caad5 #663bd5 #d5663b
Tetradic of #3caad5

#3caad5 color preview, HTML & CSS examples

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

Random colors

© ColorsDB.com, 2014-2018