#22b4e1 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22b4e1 | RGB(34, 180, 225) |
Created at 02/17/2023 20:58
RGB values are RGB(34, 180, 225)
#22b4e1 color contains Red 13.33%, Green 70.59% and Blue 88.24%.
oklch(71.81% 0.1299 225.26)
#22b4e1 color contains Red 13.33%, Green 70.59% and Blue 88.24%.
oklch(71.81% 0.1299 225.26)
Color Names of #22b4e1 HEX code
≈ Scooter
Classification of #22b4e1 color
#22b4e1 is Light and Cool Color Saturation 76%, lightness 51%.
Tint of Deep Sky Blue
Alternative colors of #22b4e1
Opposite Color for #22b4e1 is #e14f22
#22b4e1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22b4e1
cmyk
CMYK(85%, 20%, 0%, 12%)
Decimal
2274529
HEX
#22b4e1
HSL
hsl(194, 76%, 51%)
HSLA
hsla(194, 76%, 51%, 1)
RGB
RGB(34, 180, 225)
RGBA
RGBA(34, 180, 225, 1)
Palettes for #22b4e1 color:
Below are examples of color palettes with the #22b4e1 HEX color
darkest color is #031216 from shades and lightest color is #e9f8fc from tints
Shades palette of #22b4e1:
#1fa2cb
#1b90b4
#187e9e
#146c87
#115a71
#0e485a
#0a3644
#07242d
#031216
#000000
Tints palette of #22b4e1:
#38bce4
#4ec3e7
#64cbea
#7ad2ed
#91daf0
#a7e1f3
#bde9f6
#d3f0f9
#e9f8fc
#ffffff
Complementary palette of #22b4e1:
#22b4e1
#e14f22
Triadic palette of #22b4e1:
#22b4e1
#e122b4
#b4e122
Square palette of #22b4e1:
#22b4e1
#ae22e1
#e14f22
#55e122
Analogous palette of #22b4e1:
#22e1ae
#22b4e1
#2255e1
Split-Complementary palette of #22b4e1:
#22b4e1
#e12255
#e1ae22
Rectangle (tetradic) palette of #22b4e1:
#22b4e1
#4f22e1
#e14f22
#b4e122
Suggested color palettes for #22b4e1 HEX:
Color palette with color #22b4e1 #1:
Color palette with color #22b4e1 #2:
Color palette with color #22b4e1 #3:
Color palette with color #22b4e1 #4:
Color palette with color #22b4e1 #5:
Color #22b4e1 used in palettes (1)
Color Contrast
Color pairings of #22b4e1 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#22b4e1
#22b4e1Contrast Ratio
2.41:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22b4e1
#22b4e1Contrast Ratio
8.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22b4e1 color png
Visit the popular colors list for more colors