#22a4dc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22a4dc | RGB(34, 164, 220) |
Created at 10/07/2026 16:51
Classification of #22a4dc color
#22a4dc is Light and Cool Color Saturation 73%, lightness 50%.
Shade of Deep Sky Blue
RGB values are RGB(34, 164, 220)
#22a4dc color contains Red 13.33%, Green 64.31% and Blue 86.27%.
oklch(67.79% 0.1327 233.45)
#22a4dc color contains Red 13.33%, Green 64.31% and Blue 86.27%.
oklch(67.79% 0.1327 233.45)
Color Names of #22a4dc HEX code
≈ Curious Blue
Alternative colors of #22a4dc
Opposite Color for #22a4dc is #dc5a22
#22a4dc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22a4dc
cmyk
CMYK(85%, 25%, 0%, 14%)
Decimal
2270428
HEX
#22a4dc
HSL
hsl(198, 73%, 50%)
HSLA
hsla(198, 73%, 50%, 1)
RGB
RGB(34, 164, 220)
RGBA
RGBA(34, 164, 220, 1)
Palettes for #22a4dc color:
Below are examples of color palettes with the #22a4dc HEX color
darkest color is #031016 from shades and lightest color is #e9f6fc from tints
Shades palette of #22a4dc:
#1f94c6
#1b83b0
#18739a
#146284
#11526e
#0e4258
#0a3142
#07212c
#031016
#000000
Tints palette of #22a4dc:
#38ade0
#4eb6e3
#64bfe7
#7ac8ea
#91d2ee
#a7dbf1
#bde4f5
#d3edf8
#e9f6fc
#ffffff
Complementary palette of #22a4dc:
#22a4dc
#dc5a22
Triadic palette of #22a4dc:
#22a4dc
#dc22a4
#a4dc22
Square palette of #22a4dc:
#22a4dc
#b722dc
#dc5a22
#47dc22
Analogous palette of #22a4dc:
#22dcb7
#22a4dc
#2247dc
Split-Complementary palette of #22a4dc:
#22a4dc
#dc2247
#dcb722
Rectangle (tetradic) palette of #22a4dc:
#22a4dc
#5a22dc
#dc5a22
#a4dc22
Suggested color palettes for #22a4dc HEX:
Color palette with color #22a4dc #1:
Color palette with color #22a4dc #2:
Color palette with color #22a4dc #3:
Color palette with color #22a4dc #4:
Color palette with color #22a4dc #5:
Color Contrast
Color pairings of #22a4dc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#22a4dc
#22a4dc Contrast Ratio
2.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22a4dc
#22a4dc Contrast Ratio
7.41:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22a4dc color png
Visit the popular colors list for more colors