Created at 12/11/2023 03:33
#22baf1 HEX Color information
| Color | HEX | RGB |
| #22baf1 | RGB(34, 186, 241) |
RGB values are RGB(34, 186, 241)
#22baf1 color contain Red 13.33%, Green 72.94% and Blue 94.51%.
oklch(73.96% 0.1401 229.49)
#22baf1 color contain Red 13.33%, Green 72.94% and Blue 94.51%.
oklch(73.96% 0.1401 229.49)
More palettes with:
Alternative colors of #22baf1
Opposite Color for #22baf1 is #f15a22
#22baf1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22baf1
Decimal
2276081
HEX
#22baf1
HSL
hsl(196, 88%, 54%)
HSLA
hsla(196, 88%, 54%, 1)
RGB
RGB(34, 186, 241)
RGBA
RGBA(34, 186, 241, 1)
Palettes for #22baf1 color:
Below examples of color palettes for #22baf1 HEX color
darkest color is #031318 from shades and lightest color is #e9f8fe from tints
Shades palette of #22baf1:
Tints palette of #22baf1:
Complementary palette of #22baf1:
Triadic palette of #22baf1:
Square palette of #22baf1:
Analogous palette of #22baf1:
Split-Complementary palette of #22baf1:
Rectangle (tetradic) palette of #22baf1:
Color Contrast
Color pairings #22baf1 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#22baf1
#22baf1 Contrast Ratio
2.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22baf1
#22baf1 Contrast Ratio
9.36:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22baf1 color png
Visit the popular colors list for more colors