#558a9c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558a9c | RGB(85, 138, 156) |
Created at 02/23/2023 13:12
RGB values are RGB(85, 138, 156)
#558a9c color contains Red 33.33%, Green 54.12% and Blue 61.18%.
oklch(60.33% 0.0626 221.65)
#558a9c color contains Red 33.33%, Green 54.12% and Blue 61.18%.
oklch(60.33% 0.0626 221.65)
Color Names of #558a9c HEX code
≈ Horizon
Classification of #558a9c color
#558a9c is Light and Cool Color Saturation 29%, lightness 47%.
Shade of Cadet Blue
Alternative colors of #558a9c
Opposite Color for #558a9c is #9c6755
#558a9c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558a9c
cmyk
CMYK(46%, 12%, 0%, 39%)
Decimal
5606044
HEX
#558a9c
HSL
hsl(195, 29%, 47%)
HSLA
hsla(195, 29%, 47%, 1)
RGB
RGB(85, 138, 156)
RGBA
RGBA(85, 138, 156, 1)
Palettes for #558a9c color:
Below are examples of color palettes with the #558a9c HEX color
darkest color is #080e10 from shades and lightest color is #eef3f5 from tints
Shades palette of #558a9c:
#4d7c8c
#446e7d
#3b616d
#33535e
#2b454e
#22373e
#1a292f
#111c1f
#080e10
#000000
Tints palette of #558a9c:
#6696a6
#77a1b0
#88adba
#99b9c4
#aac5ce
#bbd0d7
#ccdce1
#dde8eb
#eef3f5
#ffffff
Complementary palette of #558a9c:
#558a9c
#9c6755
Triadic palette of #558a9c:
#558a9c
#9c558a
#8a9c55
Square palette of #558a9c:
#558a9c
#8a559c
#9c6755
#669c55
Analogous palette of #558a9c:
#559c8a
#558a9c
#55679c
Split-Complementary palette of #558a9c:
#558a9c
#9c5567
#9c8a55
Rectangle (tetradic) palette of #558a9c:
#558a9c
#67559c
#9c6755
#8a9c55
Suggested color palettes for #558a9c HEX:
Color palette with color #558a9c #1:
Color palette with color #558a9c #2:
Color palette with color #558a9c #3:
Color palette with color #558a9c #4:
Color palette with color #558a9c #5:
Color #558a9c used in palettes (1)
Color Contrast
Color pairings of #558a9c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558a9c
#558a9cContrast Ratio
3.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558a9c
#558a9cContrast Ratio
5.5:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558a9c color png
Visit the popular colors list for more colors