#22a5f2 color information

#22a5f2 color space conversions

Hex:

#22a5f2

RGB:

34, 165, 242

CMY:

87, 35, 5

CMYK:

86, 32, 0, 5

HSL:

202°, 88.8889%, 54.1176%

HSV (HSB):

202°, 85.9504%, 94.9020%

XYZ:

30.1418, 33.6612, 88.9130

xyY:

0.1974, 0.2204, 33.6612

CIE-Lab:

64.6927, -6.8453, -47.8130

CIE-LCH:

64.6927, 48.3005, 261.8524

CIE-Luv:

64.6927, -39.9214, -76.1090

Hunter-Lab:

58.0182, -8.7970, -50.2492

#22a5f2 color charts

#22a5f2 RGB chart

#22a5f2 CMYK chart

#22a5f2 RGB pie chart

#22a5f2 color shades, tints & tones

#22a5f2 #1e93d7 #1a80bc #176ea1 #135c86 #0f496c #0b3751 #082536 #04121b #000000

Shades of #22a5f2

#22a5f2 #3baff3 #53b9f5 #6cc3f6 #84cdf8 #9dd7f9 #b5e1fb #ceebfc #e6f5fe #ffffff

Tints of #22a5f2

#22a5f2 #2ca1e5 #379dd9 #4199cc #4c95bf #5690b3 #618ca6 #6b8899 #76848d #808080

Tones of #22a5f2

#22a5f2 color schemes

#22a5f2 #f16f22

Complementary of #22a5f2

#22f1d7 #22a5f2 #223cf1

Analogous of #22a5f2

#f1d622 #22a5f2 #f1223c

Split complementary of #22a5f2

#a4f122 #22a5f2 #f122a4

Triadic of #22a5f2

#3cf122 #22a5f2 #d722f1 #f16f22

Square of #22a5f2

#a4f122 #22a5f2 #6e22f1 #f16f22

Tetradic of #22a5f2

#22a5f2 color preview, HTML & CSS examples

This text has a color of #22a5f2

.mytext {color:#22a5f2;}

Text color #22a5f2

This box has a color of #22a5f2

<div style="background-color:#22a5f2;">Content here</div>

.mybackground {background-color:#22a5f2;}

Background color #22a5f2

Border around this has a color of #22a5f2

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

.myborder {border:2px solid #22a5f2;}

Border color #22a5f2

Random colors

#afe44a #caaca9 #c53fbe #0cd7e7 #c899b2 #d2a42f #6b393c #d1472b #97eb98 #b04e7a

Random colors