#3aadd2 color information

#3aadd2 color space conversions

Hex:

#3aadd2

RGB:

58, 173, 210

CMY:

77, 32, 18

CMYK:

72, 18, 0, 18

HSL:

195°, 62.8099%, 52.5490%

HSV (HSB):

195°, 72.3810%, 82.3529%

XYZ:

28.3214, 35.4398, 66.3206

xyY:

0.2177, 0.2724, 35.4398

CIE-Lab:

66.0897, -19.8742, -28.0012

CIE-LCH:

66.0897, 34.3373, 234.6342

CIE-Luv:

66.0897, -41.7213, -41.2701

Hunter-Lab:

59.5314, -19.2606, -24.3798

#3aadd2 color charts

#3aadd2 RGB chart

#3aadd2 CMYK chart

#3aadd2 RGB pie chart

#3aadd2 color shades, tints & tones

#3aadd2 #349abb #2d87a3 #27738c #206075 #1a4d5d #133a46 #0d262f #061317 #000000

Shades of #3aadd2

#3aadd2 #50b6d7 #66bfdc #7cc8e1 #92d1e6 #a7dbeb #bde4f0 #d3edf5 #e9f6fa #ffffff

Tints of #3aadd2

#3aadd2 #42a8c9 #4aa3c0 #519eb7 #5999ae #6194a4 #698f9b #708a92 #788589 #808080

Tones of #3aadd2

#3aadd2 color schemes

#3aadd2 #d25e39

Complementary of #3aadd2

#39d2ab #3aadd2 #3961d2

Analogous of #3aadd2

#d2aa39 #3aadd2 #d23961

Split complementary of #3aadd2

#add239 #3aadd2 #d239ac

Triadic of #3aadd2

#61d239 #3aadd2 #ab39d2 #d25e39

Square of #3aadd2

#add239 #3aadd2 #5e39d2 #d25e39

Tetradic of #3aadd2

#3aadd2 color preview, HTML & CSS examples

This text has a color of #3aadd2

.mytext {color:#3aadd2;}

Text color #3aadd2

This box has a color of #3aadd2

<div style="background-color:#3aadd2;">Content here</div>

.mybackground {background-color:#3aadd2;}

Background color #3aadd2

Border around this has a color of #3aadd2

<div style="border:2px solid #3aadd2;">Content here</div>

.myborder {border:2px solid #3aadd2;}

Border color #3aadd2

Random colors

#9e2540 #9d8bec #997dc6 #bbbdd6 #60a1c0 #c8a5ad #2db3f2 #74bbbb #f029b3 #9252fd

Random colors