#3aa4f2 color information

#3aa4f2 color space conversions

Hex:

#3aa4f2

RGB:

58, 164, 242

CMY:

77, 36, 5

CMYK:

76, 32, 0, 5

HSL:

205°, 87.6190%, 58.8235%

HSV (HSB):

205°, 76.0331%, 94.9020%

XYZ:

31.0474, 33.8613, 88.9039

xyY:

0.2019, 0.2201, 33.8613

CIE-Lab:

64.8523, -4.1522, -47.5315

CIE-LCH:

64.8523, 47.7125, 265.0075

CIE-Luv:

64.8523, -36.8400, -75.9461

Hunter-Lab:

58.1904, -6.5949, -49.8505

#3aa4f2 color charts

#3aa4f2 RGB chart

#3aa4f2 CMYK chart

#3aa4f2 RGB pie chart

#3aa4f2 color shades, tints & tones

#3aa4f2 #3492d7 #2d80bc #276da1 #205b86 #1a496c #133751 #0d2436 #06121b #000000

Shades of #3aa4f2

#3aa4f2 #50aef3 #66b8f5 #7cc2f6 #92ccf8 #a7d7f9 #bde1fb #d3ebfc #e9f5fe #ffffff

Tints of #3aa4f2

#3aa4f2 #42a0e5 #4a9cd9 #5198cc #5994bf #6190b3 #698ca6 #708899 #78848d #808080

Tones of #3aa4f2

#3aa4f2 color schemes

#3aa4f2 #f2873a

Complementary of #3aa4f2

#3af2e3 #3aa4f2 #3a48f2

Analogous of #3aa4f2

#f2e33a #3aa4f2 #f23a48

Split complementary of #3aa4f2

#a4f23a #3aa4f2 #f23aa4

Triadic of #3aa4f2

#48f23a #3aa4f2 #e33af2 #f2873a

Square of #3aa4f2

#a4f23a #3aa4f2 #873af2 #f2873a

Tetradic of #3aa4f2

#3aa4f2 color preview, HTML & CSS examples

This text has a color of #3aa4f2

.mytext {color:#3aa4f2;}

Text color #3aa4f2

This box has a color of #3aa4f2

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

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

Background color #3aa4f2

Border around this has a color of #3aa4f2

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

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

Border color #3aa4f2

Random colors

#c1eb4d #1b2d94 #6ce720 #5d18e1 #f53752 #7e1f9e #c0bec9 #142b6c #5976dd #dc7858

Random colors