#557aa6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557aa6 | RGB(85, 122, 166) |
Created at 03/01/2023 01:55
RGB values are RGB(85, 122, 166)
#557aa6 color contains Red 33.33%, Green 47.84% and Blue 65.1%.
oklch(57.02% 0.0803 253.37)
#557aa6 color contains Red 33.33%, Green 47.84% and Blue 65.1%.
oklch(57.02% 0.0803 253.37)
Color Names of #557aa6 HEX code
≈ Wedgewood
Classification of #557aa6 color
#557aa6 is Light and Cool Color Saturation 32%, lightness 49%.
Shade of Steel Blue
Alternative colors of #557aa6
Opposite Color for #557aa6 is #a68155
#557aa6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557aa6
cmyk
CMYK(49%, 27%, 0%, 35%)
Decimal
5601958
HEX
#557aa6
HSL
hsl(213, 32%, 49%)
HSLA
hsla(213, 32%, 49%, 1)
RGB
RGB(85, 122, 166)
RGBA
RGBA(85, 122, 166, 1)
Palettes for #557aa6 color:
Below are examples of color palettes with the #557aa6 HEX color
darkest color is #080c11 from shades and lightest color is #eef2f6 from tints
Shades palette of #557aa6:
#4d6e95
#446285
#3b5574
#334964
#2b3d53
#223142
#1a2532
#111821
#080c11
#000000
Tints palette of #557aa6:
#6687af
#7795b8
#88a2c1
#99afca
#aabdd3
#bbcadb
#ccd7e4
#dde4ed
#eef2f6
#ffffff
Complementary palette of #557aa6:
#557aa6
#a68155
Triadic palette of #557aa6:
#557aa6
#a6557a
#7aa655
Square palette of #557aa6:
#557aa6
#a655a2
#a68155
#55a658
Analogous palette of #557aa6:
#55a2a6
#557aa6
#5955a6
Split-Complementary palette of #557aa6:
#557aa6
#a65855
#a3a655
Rectangle (tetradic) palette of #557aa6:
#557aa6
#8155a6
#a68155
#7aa655
Suggested color palettes for #557aa6 HEX:
Color palette with color #557aa6 #1:
Color palette with color #557aa6 #2:
Color palette with color #557aa6 #3:
Color palette with color #557aa6 #4:
Color palette with color #557aa6 #5:
Color #557aa6 used in palettes (1)
Color Contrast
Color pairings of #557aa6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557aa6
#557aa6Contrast Ratio
4.44:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557aa6
#557aa6Contrast Ratio
4.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557aa6 color png
Visit the popular colors list for more colors