#22ace2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22ace2 | RGB(34, 172, 226) |
Created at 12/15/2023 20:42
RGB values are RGB(34, 172, 226)
#22ace2 color contains Red 13.33%, Green 67.45% and Blue 88.63%.
oklch(69.97% 0.1339 231.15)
#22ace2 color contains Red 13.33%, Green 67.45% and Blue 88.63%.
oklch(69.97% 0.1339 231.15)
Color Names of #22ace2 HEX code
≈ Scooter
Classification of #22ace2 color
#22ace2 is Light and Cool Color Saturation 77%, lightness 51%.
Shade of Deep Sky Blue
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
cmyk
CMYK(85%, 24%, 0%, 11%)
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 are examples of color palettes with the #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
#b822e2
#e25822
#4ce222
Analogous palette of #22ace2:
#22e2b8
#22ace2
#224ce2
Split-Complementary palette of #22ace2:
#22ace2
#e2224c
#e2b822
Rectangle (tetradic) palette of #22ace2:
#22ace2
#5822e2
#e25822
#ace222
Suggested color palettes for #22ace2 HEX:
Color palette with color #22ace2 #1:
Color palette with color #22ace2 #2:
Color palette with color #22ace2 #3:
Color palette with color #22ace2 #4:
Color palette with color #22ace2 #5:
Color Contrast
Color pairings of #22ace2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#22ace2
#22ace2Contrast Ratio
2.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22ace2
#22ace2Contrast 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