#22559e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #22559e | RGB(34, 85, 158) |
Created at 02/25/2023 09:02
Classification of #22559e color
#22559e is Semi dark and Cool Color Saturation 65%, lightness 38%.
Shade of royalblue
RGB values are RGB(34, 85, 158)
#22559e color contains Red 13.33%, Green 33.33% and Blue 61.96%.
oklch(45.61% 0.1306 257.96)
#22559e color contains Red 13.33%, Green 33.33% and Blue 61.96%.
oklch(45.61% 0.1306 257.96)
Color Names of #22559e HEX code
≈ St Tropaz
Alternative colors of #22559e
Opposite Color for #22559e is #9e6b22
#22559e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #22559e
Decimal
2250142
HEX
#22559e
HSL
hsl(215, 65%, 38%)
HSLA
hsla(215, 65%, 38%, 1)
RGB
RGB(34, 85, 158)
RGBA
RGBA(34, 85, 158, 1)
Palettes for #22559e color:
Below examples of color palettes for #22559e HEX color
darkest color is #030810 from shades and lightest color is #e9eef5 from tints
Shades palette of #22559e:
#1f4d8e
#1b447e
#183b6f
#14335f
#112b4f
#0e223f
#0a1a2f
#071120
#030810
#000000
Tints palette of #22559e:
#3866a8
#4e77b1
#6488bb
#7a99c5
#91aacf
#a7bbd8
#bdcce2
#d3ddec
#e9eef5
#ffffff
Complementary palette of #22559e:
#22559e
#9e6b22
Triadic palette of #22559e:
#22559e
#9e2255
#559e22
Square palette of #22559e:
#22559e
#9e2293
#9e6b22
#229e2d
Analogous palette of #22559e:
#22939e
#22559e
#2d229e
Split-Complementary palette of #22559e:
#22559e
#9e2d22
#939e22
Rectangle (tetradic) palette of #22559e:
#22559e
#6b229e
#9e6b22
#559e22
Suggested color palettes for #22559e HEX:
Color palette with color #22559e #1:
Color palette with color #22559e #2:
Color palette with color #22559e #3:
Color palette with color #22559e #4:
Color palette with color #22559e #5:
Color #22559e used in palettes (2)
Color Contrast
Color pairings #22559e with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#22559e
#22559e Contrast Ratio
7.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#22559e
#22559e Contrast Ratio
2.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #22559e color png
Visit the popular colors list for more colors