#558c96 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558c96 | RGB(85, 140, 150) |
Created at 03/04/2023 19:13
RGB values are RGB(85, 140, 150)
#558c96 color contains Red 33.33%, Green 54.9% and Blue 58.82%.
oklch(60.58% 0.06 210.35)
#558c96 color contains Red 33.33%, Green 54.9% and Blue 58.82%.
oklch(60.58% 0.06 210.35)
Color Names of #558c96 HEX code
≈ Horizon
Classification of #558c96 color
#558c96 is Light and Cool Color Saturation 28%, lightness 46%.
Shade of Cadet Blue
Alternative colors of #558c96
Opposite Color for #558c96 is #965f55
#558c96 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558c96
cmyk
CMYK(43%, 7%, 0%, 41%)
Decimal
5606550
HEX
#558c96
HSL
hsl(189, 28%, 46%)
HSLA
hsla(189, 28%, 46%, 1)
RGB
RGB(85, 140, 150)
RGBA
RGBA(85, 140, 150, 1)
Palettes for #558c96 color:
Below are examples of color palettes with the #558c96 HEX color
darkest color is #080e0f from shades and lightest color is #eef4f5 from tints
Shades palette of #558c96:
#4d7e87
#447078
#3b6269
#33545a
#2b464b
#22383c
#1a2a2d
#111c1e
#080e0f
#000000
Tints palette of #558c96:
#6698a1
#77a3ab
#88afb6
#99bac0
#aac6cb
#bbd1d5
#ccdde0
#dde8ea
#eef4f5
#ffffff
Complementary palette of #558c96:
#558c96
#965f55
Triadic palette of #558c96:
#558c96
#96558c
#8c9655
Square palette of #558c96:
#558c96
#805596
#965f55
#6c9655
Analogous palette of #558c96:
#559680
#558c96
#556b96
Split-Complementary palette of #558c96:
#558c96
#96556b
#967f55
Rectangle (tetradic) palette of #558c96:
#558c96
#5f5596
#965f55
#8c9655
Suggested color palettes for #558c96 HEX:
Color palette with color #558c96 #1:
Color palette with color #558c96 #2:
Color palette with color #558c96 #3:
Color palette with color #558c96 #4:
Color palette with color #558c96 #5:
Color #558c96 used in palettes (1)
Color Contrast
Color pairings of #558c96 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558c96
#558c96Contrast Ratio
3.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558c96
#558c96Contrast Ratio
5.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558c96 color png
Visit the popular colors list for more colors