Created at 02/22/2023 01:53
#558e9b HEX Color information
| Color | HEX | RGB |
| #558e9b | RGB(85, 142, 155) |
RGB values are RGB(85, 142, 155)
#558e9b color contain Red 33.33%, Green 55.69% and Blue 60.78%.
Alternative colors of #558e9b
Opposite Color for #558e9b is #9b6255
#558e9b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558e9b
Decimal
5607067
HEX
#558e9b
HSL
hsl(191, 29%, 47%)
HSLA
hsla(191, 29%, 47%, 1)
RGB
RGB(85, 142, 155)
RGBA
RGBA(85, 142, 155, 1)
Palettes for #558e9b color:
Below examples of color palettes for #558e9b HEX color
darkest color is #080e0f from shades and lightest color is #eef4f5 from tints
Shades palette of #558e9b:
Tints palette of #558e9b:
Complementary palette of #558e9b:
Triadic palette of #558e9b:
Square palette of #558e9b:
Analogous palette of #558e9b:
Split-Complementary palette of #558e9b:
Rectangle (tetradic) palette of #558e9b:
Suggested colors palettes for #558e9b HEX:
Colors palette with color #558e9b #1:
Colors palette with color #558e9b #2:
Colors palette with color #558e9b #3:
Colors palette with color #558e9b #4:
Colors palette with color #558e9b #5:
Color #558e9b used in palettes (1)
Color Contrast
Color pairings #558e9b with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#558e9b
#558e9b Contrast Ratio
3.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558e9b
#558e9b Contrast Ratio
5.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
