#558fa7 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558fa7 | RGB(85, 143, 167) |
Created at 02/26/2023 20:43
RGB values are RGB(85, 143, 167)
#558fa7 color contains Red 33.33%, Green 56.08% and Blue 65.49%.
oklch(61.96% 0.0707 226.54)
#558fa7 color contains Red 33.33%, Green 56.08% and Blue 65.49%.
oklch(61.96% 0.0707 226.54)
Color Names of #558fa7 HEX code
≈ Horizon
Classification of #558fa7 color
#558fa7 is Light and Cool Color Saturation 33%, lightness 49%.
Tint of Steel Blue
Alternative colors of #558fa7
Opposite Color for #558fa7 is #a76d55
#558fa7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558fa7
cmyk
CMYK(49%, 14%, 0%, 35%)
Decimal
5607335
HEX
#558fa7
HSL
hsl(198, 33%, 49%)
HSLA
hsla(198, 33%, 49%, 1)
RGB
RGB(85, 143, 167)
RGBA
RGBA(85, 143, 167, 1)
Palettes for #558fa7 color:
Below are examples of color palettes with the #558fa7 HEX color
darkest color is #080e11 from shades and lightest color is #eef4f6 from tints
Shades palette of #558fa7:
#4d8196
#447286
#3b6475
#335664
#2b4854
#223943
#1a2b32
#111d21
#080e11
#000000
Tints palette of #558fa7:
#669ab0
#77a5b9
#88b1c1
#99bcca
#aac7d3
#bbd2dc
#ccdde5
#dde9ed
#eef4f6
#ffffff
Complementary palette of #558fa7:
#558fa7
#a76d55
Triadic palette of #558fa7:
#558fa7
#a7558f
#8fa755
Square palette of #558fa7:
#558fa7
#9655a7
#a76d55
#66a755
Analogous palette of #558fa7:
#55a796
#558fa7
#5566a7
Split-Complementary palette of #558fa7:
#558fa7
#a75566
#a79655
Rectangle (tetradic) palette of #558fa7:
#558fa7
#6d55a7
#a76d55
#8fa755
Suggested color palettes for #558fa7 HEX:
Color palette with color #558fa7 #1:
Color palette with color #558fa7 #2:
Color palette with color #558fa7 #3:
Color palette with color #558fa7 #4:
Color palette with color #558fa7 #5:
Color #558fa7 used in palettes (2)
Color Contrast
Color pairings of #558fa7 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558fa7
#558fa7Contrast Ratio
3.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558fa7
#558fa7Contrast Ratio
5.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558fa7 color png
Visit the popular colors list for more colors