#22b6f2 color information

#22b6f2 color space conversions

Hex:

#22b6f2

RGB:

34, 182, 242

CMY:

87, 29, 5

CMYK:

86, 25, 0, 5

HSL:

197°, 88.8889%, 54.1176%

HSV (HSB):

197°, 85.9504%, 94.9020%

XYZ:

33.4146, 40.2068, 90.0039

xyY:

0.2042, 0.2457, 40.2068

CIE-Lab:

69.6166, -16.1495, -40.0851

CIE-LCH:

69.6166, 43.2159, 248.0565

CIE-Luv:

69.6166, -45.6125, -62.5944

Hunter-Lab:

63.4088, -16.9010, -39.7714

#22b6f2 color charts

#22b6f2 RGB chart

#22b6f2 CMYK chart

#22b6f2 RGB pie chart

#22b6f2 color shades, tints & tones

#22b6f2 #1ea2d7 #1a8ebc #1779a1 #136586 #0f516c #0b3d51 #082836 #04141b #000000

Shades of #22b6f2

#22b6f2 #3bbef3 #53c6f5 #6ccef6 #84d6f8 #9ddff9 #b5e7fb #ceeffc #e6f7fe #ffffff

Tints of #22b6f2

#22b6f2 #2cb0e5 #37aad9 #41a4cc #4c9ebf #5698b3 #6192a6 #6b8c99 #76868d #808080

Tones of #22b6f2

#22b6f2 color schemes

#22b6f2 #f15d22

Complementary of #22b6f2

#22f1c5 #22b6f2 #224df1

Analogous of #22b6f2

#f1c522 #22b6f2 #f1224d

Split complementary of #22b6f2

#b6f122 #22b6f2 #f122b5

Triadic of #22b6f2

#4df122 #22b6f2 #c522f1 #f15d22

Square of #22b6f2

#b6f122 #22b6f2 #5d22f1 #f15d22

Tetradic of #22b6f2

#22b6f2 color preview, HTML & CSS examples

This text has a color of #22b6f2

.mytext {color:#22b6f2;}

Text color #22b6f2

This box has a color of #22b6f2

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

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

Background color #22b6f2

Border around this has a color of #22b6f2

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

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

Border color #22b6f2

Random colors

#62b6a7 #fed7f1 #7ebb84 #016519 #a44f00 #406d08 #426a54 #ddf09e #e53fbb #ffde01

Random colors