#557cac HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557cac | RGB(85, 124, 172) |
Created at 03/04/2023 14:05
RGB values are RGB(85, 124, 172)
#557cac color contains Red 33.33%, Green 48.63% and Blue 67.45%.
oklch(57.77% 0.0865 254.19)
#557cac color contains Red 33.33%, Green 48.63% and Blue 67.45%.
oklch(57.77% 0.0865 254.19)
Color Names of #557cac HEX code
≈ Wedgewood
Classification of #557cac color
#557cac is Light and Cool Color Saturation 34%, lightness 50%.
Tint of Steel Blue
Alternative colors of #557cac
Opposite Color for #557cac is #ac8555
#557cac Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557cac
cmyk
CMYK(51%, 28%, 0%, 33%)
Decimal
5602476
HEX
#557cac
HSL
hsl(213, 34%, 50%)
HSLA
hsla(213, 34%, 50%, 1)
RGB
RGB(85, 124, 172)
RGBA
RGBA(85, 124, 172, 1)
Palettes for #557cac color:
Below are examples of color palettes with the #557cac HEX color
darkest color is #080c11 from shades and lightest color is #eef2f7 from tints
Shades palette of #557cac:
#4d709b
#44638a
#3b5778
#334a67
#2b3e56
#223245
#1a2534
#111922
#080c11
#000000
Tints palette of #557cac:
#6689b4
#7796bd
#88a3c5
#99b0cd
#aabed6
#bbcbde
#ccd8e6
#dde5ee
#eef2f7
#ffffff
Complementary palette of #557cac:
#557cac
#ac8555
Triadic palette of #557cac:
#557cac
#ac557c
#7cac55
Square palette of #557cac:
#557cac
#ac55a7
#ac8555
#55ac5a
Analogous palette of #557cac:
#55a7ac
#557cac
#5a55ac
Split-Complementary palette of #557cac:
#557cac
#ac5a55
#a7ac55
Rectangle (tetradic) palette of #557cac:
#557cac
#8555ac
#ac8555
#7cac55
Suggested color palettes for #557cac HEX:
Color palette with color #557cac #1:
Color palette with color #557cac #2:
Color palette with color #557cac #3:
Color palette with color #557cac #4:
Color palette with color #557cac #5:
Color #557cac used in palettes (2)
Color Contrast
Color pairings of #557cac with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557cac
#557cacContrast Ratio
4.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557cac
#557cacContrast Ratio
4.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557cac color png
Visit the popular colors list for more colors