#22a5f0 color information

#22a5f0 color space conversions

Hex:

#22a5f0

RGB:

34, 165, 240

CMY:

87, 35, 6

CMYK:

86, 31, 0, 6

HSL:

202°, 87.2881%, 53.7255%

HSV (HSB):

202°, 85.8333%, 94.1176%

XYZ:

29.8430, 33.5416, 87.3394

xyY:

0.1980, 0.2225, 33.5416

CIE-Lab:

64.5971, -7.5637, -46.8684

CIE-LCH:

64.5971, 47.4748, 260.8326

CIE-Luv:

64.5971, -40.0429, -74.4137

Hunter-Lab:

57.9151, -9.3725, -48.8722

#22a5f0 color charts

#22a5f0 RGB chart

#22a5f0 CMYK chart

#22a5f0 RGB pie chart

#22a5f0 color shades, tints & tones

#22a5f0 #1e93d5 #1a80bb #176ea0 #135c85 #0f496b #0b3750 #082535 #04121b #000000

Shades of #22a5f0

#22a5f0 #3baff2 #53b9f3 #6cc3f5 #84cdf7 #9dd7f8 #b5e1fa #ceebfc #e6f5fd #ffffff

Tints of #22a5f0

#22a5f0 #2ca1e4 #379dd7 #4199cb #4c95be #5690b2 #618ca5 #6b8899 #76848c #808080

Tones of #22a5f0

#22a5f0 color schemes

#22a5f0 #f06c21

Complementary of #22a5f0

#21f0d4 #22a5f0 #213df0

Analogous of #22a5f0

#f0d321 #22a5f0 #f0213d

Split complementary of #22a5f0

#a4f021 #22a5f0 #f021a4

Triadic of #22a5f0

#3df021 #22a5f0 #d421f0 #f06c21

Square of #22a5f0

#a4f021 #22a5f0 #6c21f0 #f06c21

Tetradic of #22a5f0

#22a5f0 color preview, HTML & CSS examples

This text has a color of #22a5f0

.mytext {color:#22a5f0;}

Text color #22a5f0

This box has a color of #22a5f0

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

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

Background color #22a5f0

Border around this has a color of #22a5f0

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

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

Border color #22a5f0

Random colors

#61b074 #f0fbaa #d7c482 #a58807 #9c1be3 #73501d #98e175 #bf1b3d #44990c #cc640c

Random colors