Loading...
Created at 12/15/2023 20:42
  4

#22ace2 HEX Color information

Color HEX RGB
#22ace2 RGB(34, 172, 226)
RGB values are RGB(34, 172, 226)
#22ace2 color contain Red 13.33%, Green 67.45% and Blue 88.63%.
oklch(69.97% 0.1339 231.15)

Classification of #22ace2 color

#22ace2 is Light and Cool Color
Opposite Color for #22ace2 is #e25822

#22ace2 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22ace2

Decimal
2272482
HEX
#22ace2
HSL
hsl(197, 77%, 51%)
HSLA
hsla(197, 77%, 51%, 1)
RGB
RGB(34, 172, 226)
RGBA
RGBA(34, 172, 226, 1)

Palettes for #22ace2 color:

Below examples of color palettes for #22ace2 HEX color

darkest color is #031117 from shades and lightest color is #e9f7fc from tints

Shades palette of #22ace2:
Tints palette of #22ace2:
Complementary palette of #22ace2:
Triadic palette of #22ace2:
Square palette of #22ace2:
Analogous palette of #22ace2:
Split-Complementary palette of #22ace2:
Rectangle (tetradic) palette of #22ace2:
Loading...

Color Contrast

Color pairings #22ace2 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio

#22ace2
#22ace2
Contrast Ratio
2.6:1
SizeAA-levelAAA-level
Large text:
Small text:
#22ace2
#22ace2
Contrast Ratio
8.06:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #22ace2 color png

Loading...
Loading...