#558396 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558396 | RGB(85, 131, 150) |
Created at 04/07/2024 14:33
RGB values are RGB(85, 131, 150)
#558396 color contains Red 33.33%, Green 51.37% and Blue 58.82%.
oklch(58.42% 0.058 225.98)
#558396 color contains Red 33.33%, Green 51.37% and Blue 58.82%.
oklch(58.42% 0.058 225.98)
Color Names of #558396 HEX code
≈ Smalt Blue
Classification of #558396 color
#558396 is Light and Cool Color Saturation 28%, lightness 46%.
Shade of Slate Gray
Alternative colors of #558396
Opposite Color for #558396 is #966855
#558396 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558396
cmyk
CMYK(43%, 13%, 0%, 41%)
Decimal
5604246
HEX
#558396
HSL
hsl(198, 28%, 46%)
HSLA
hsla(198, 28%, 46%, 1)
RGB
RGB(85, 131, 150)
RGBA
RGBA(85, 131, 150, 1)
Palettes for #558396 color:
Below are examples of color palettes with the #558396 HEX color
darkest color is #080d0f from shades and lightest color is #eef3f5 from tints
Shades palette of #558396:
#4d7687
#446978
#3b5c69
#334f5a
#2b424b
#22343c
#1a272d
#111a1e
#080d0f
#000000
Tints palette of #558396:
#668fa1
#779cab
#88a8b6
#99b5c0
#aac1cb
#bbcdd5
#ccdae0
#dde6ea
#eef3f5
#ffffff
Complementary palette of #558396:
#558396
#966855
Triadic palette of #558396:
#558396
#965583
#839655
Square palette of #558396:
#558396
#885596
#966855
#629655
Analogous palette of #558396:
#559689
#558396
#556296
Split-Complementary palette of #558396:
#558396
#965563
#968855
Rectangle (tetradic) palette of #558396:
#558396
#685596
#966855
#839655
Suggested color palettes for #558396 HEX:
Color palette with color #558396 #1:
Color palette with color #558396 #2:
Color palette with color #558396 #3:
Color palette with color #558396 #4:
Color palette with color #558396 #5:
Color Contrast
Color pairings of #558396 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558396
#558396Contrast Ratio
4.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558396
#558396Contrast Ratio
5.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558396 color png
Visit the popular colors list for more colors