Created at 12/15/2023 20:42
#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)
#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 Saturation 77%, lightness 51%.
Shade of deepskyblue
Alternative colors of #22ace2
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:
#1f9bcb
#1b8ab5
#18789e
#146788
#115671
#0e455a
#0a3444
#07222d
#031117
#000000
Tints palette of #22ace2:
#38b4e5
#4ebde8
#64c5eb
#7acdee
#91d6f1
#a7def3
#bde6f6
#d3eef9
#e9f7fc
#ffffff
Complementary palette of #22ace2:
#22ace2
#e25822
Triadic palette of #22ace2:
#22ace2
#e222ac
#ace222
Square palette of #22ace2:
#22ace2
#b922e2
#4ce222
#e25822
Analogous palette of #22ace2:
#22e2b9
#22ace2
Split-Complementary palette of #22ace2:
#22ace2
#22e2b9
Rectangle (tetradic) palette of #22ace2:
#22ace2
#b922e2
#4ce222
#e2224c
Suggested colors palettes for #22ace2 HEX:
Colors palette with color #22ace2 #1:
Colors palette with color #22ace2 #2:
Colors palette with color #22ace2 #3:
Colors palette with color #22ace2 #4:
Colors palette with color #22ace2 #5:
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
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22ace2
#22ace2 Contrast Ratio
8.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22ace2 color png
Visit the popular colors list for more colors