Created at 02/18/2023 00:50
#22549a HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #22549a | RGB(34, 84, 154) |
RGB values are RGB(34, 84, 154)
#22549a color contain Red 13.33%, Green 32.94% and Blue 60.39%.
oklch(45.10% 0.1262 257.58)
#22549a color contain Red 13.33%, Green 32.94% and Blue 60.39%.
oklch(45.10% 0.1262 257.58)
Classification of #22549a color
#22549a is Light and Cool Color Saturation 64%, lightness 37%.
Tint of royalblue
Alternative colors of #22549a
Opposite Color for #22549a is #9b6822
#22549a Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22549a
Decimal
2249882
HEX
#22549a
HSL
hsl(215, 64%, 37%)
HSLA
hsla(215, 64%, 37%, 1)
RGB
RGB(34, 84, 154)
RGBA
RGBA(34, 84, 154, 1)
Palettes for #22549a color:
Below examples of color palettes for #22549a HEX color
darkest color is #03080f from shades and lightest color is #e9eef5 from tints
Shades palette of #22549a:
#1f4c8b
#1b437b
#183b6c
#14325c
#112a4d
#0e223e
#0a192e
#07111f
#03080f
#000000
Tints palette of #22549a:
#3865a4
#4e76ae
#6487b8
#7a98c2
#91aacd
#a7bbd7
#bdcce1
#d3ddeb
#e9eef5
#ffffff
Complementary palette of #22549a:
#22549b
#9b6822
Triadic palette of #22549a:
#22549b
#9b2254
#549b22
Square palette of #22549a:
#22549b
#9b2291
#229b2c
#9b6822
Analogous palette of #22549a:
#22919b
#22549b
Split-Complementary palette of #22549a:
#22549b
#22919b
Rectangle (tetradic) palette of #22549a:
#22549b
#9b2291
#229b2c
#9b2c22
Suggested colors palettes for #22549a HEX:
Colors palette with color #22549a #1:
Colors palette with color #22549a #2:
Colors palette with color #22549a #3:
Colors palette with color #22549a #4:
Colors palette with color #22549a #5:
Color #22549a used in palettes (1)
Color Contrast
Color pairings #22549a with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#22549a
#22549a Contrast Ratio
7.49:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22549a
#22549a Contrast Ratio
2.8:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22549a color png
Visit the popular colors list for more colors