Created at 03/06/2023 00:50
#22566c HEX Color information
Color | HEX | RGB |
#22566c | RGB(34, 86, 108) |
RGB values are RGB(34, 86, 108)
#22566c color contain Red 13.33%, Green 33.73% and Blue 42.35%.
Alternative colors of #22566c
Opposite Color for #22566c is #6d3922
#22566c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22566c
Decimal
2250348
HEX
#22566c
HSL
hsl(198, 52%, 28%)
HSLA
hsla(198, 52%, 28%, 1)
RGB
RGB(34, 86, 108)
RGBA
RGBA(34, 86, 108, 1)
Palettes for #22566c color:
Below examples of color palettes for #22566c HEX color
darkest color is #03090b from shades and lightest color is #e9eef0 from tints
Shades palette of #22566c:
Tints palette of #22566c:
Complementary palette of #22566c:
Triadic palette of #22566c:
Square palette of #22566c:
Analogous palette of #22566c:
Split-Complementary palette of #22566c:
Rectangle (tetradic) palette of #22566c:
Suggested colors palettes for #22566c HEX:
Colors palette with color #22566c #1:
Colors palette with color #22566c #2:
Colors palette with color #22566c #3:
Colors palette with color #22566c #4:
Colors palette with color #22566c #5:
Color #22566c used in palettes (1)
Color Contrast
Color pairings #22566c with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#22566c
#22566c Contrast Ratio
8.02:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#22566c
#22566c Contrast Ratio
2.61:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |