#22aed1 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22aed1 | RGB(34, 174, 209) |
Created at 06/22/2024 10:40
Classification of #22aed1 color
#22aed1 is Light and Cool Color Saturation 72%, lightness 48%.
Shade of Deep Sky Blue
RGB values are RGB(34, 174, 209)
#22aed1 color contains Red 13.33%, Green 68.24% and Blue 81.96%.
oklch(69.67% 0.1205 220.2)
#22aed1 color contains Red 13.33%, Green 68.24% and Blue 81.96%.
oklch(69.67% 0.1205 220.2)
Color Names of #22aed1 HEX code
≈ Scooter
Alternative colors of #22aed1
Opposite Color for #22aed1 is #d14522
#22aed1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22aed1
cmyk
CMYK(84%, 17%, 0%, 18%)
Decimal
2272977
HEX
#22aed1
HSL
hsl(192, 72%, 48%)
HSLA
hsla(192, 72%, 48%, 1)
RGB
RGB(34, 174, 209)
RGBA
RGBA(34, 174, 209, 1)
Palettes for #22aed1 color:
Below examples of color palettes for #22aed1 HEX color
darkest color is #031115 from shades and lightest color is #e9f7fa from tints
Shades palette of #22aed1:
#1f9dbc
#1b8ba7
#187a92
#14687d
#115769
#0e4654
#0a343f
#07232a
#031115
#000000
Tints palette of #22aed1:
#38b6d6
#4ebeda
#64c6df
#7acee3
#91d7e8
#a7dfed
#bde7f1
#d3eff6
#e9f7fa
#ffffff
Complementary palette of #22aed1:
#22aed1
#d14522
Triadic palette of #22aed1:
#22aed1
#d122ae
#aed122
Square palette of #22aed1:
#22aed1
#9d22d1
#d14522
#56d122
Analogous palette of #22aed1:
#22d19d
#22aed1
#2256d1
Split-Complementary palette of #22aed1:
#22aed1
#d12256
#d19d22
Rectangle (tetradic) palette of #22aed1:
#22aed1
#4522d1
#d14522
#aed122
Suggested color palettes for #22aed1 HEX:
Color palette with color #22aed1 #1:
Color palette with color #22aed1 #2:
Color palette with color #22aed1 #3:
Color palette with color #22aed1 #4:
Color palette with color #22aed1 #5:
Color #22aed1 used in palettes (1)
Color Contrast
Color pairings #22aed1 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#22aed1
#22aed1 Contrast Ratio
2.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22aed1
#22aed1 Contrast Ratio
8.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22aed1 color png
Visit the popular colors list for more colors