#557da6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557da6 | RGB(85, 125, 166) |
Created at 02/28/2023 17:17
RGB values are RGB(85, 125, 166)
#557da6 color contains Red 33.33%, Green 49.02% and Blue 65.1%.
oklch(57.71% 0.0778 249.89)
#557da6 color contains Red 33.33%, Green 49.02% and Blue 65.1%.
oklch(57.71% 0.0778 249.89)
Color Names of #557da6 HEX code
≈ Wedgewood
Classification of #557da6 color
#557da6 is Light and Cool Color Saturation 32%, lightness 49%.
Shade of Steel Blue
Alternative colors of #557da6
Opposite Color for #557da6 is #a67e55
#557da6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557da6
cmyk
CMYK(49%, 25%, 0%, 35%)
Decimal
5602726
HEX
#557da6
HSL
hsl(210, 32%, 49%)
HSLA
hsla(210, 32%, 49%, 1)
RGB
RGB(85, 125, 166)
RGBA
RGBA(85, 125, 166, 1)
Palettes for #557da6 color:
Below are examples of color palettes with the #557da6 HEX color
darkest color is #080c11 from shades and lightest color is #eef2f6 from tints
Shades palette of #557da6:
#4d7195
#446485
#3b5874
#334b64
#2b3f53
#223242
#1a2632
#111921
#080c11
#000000
Tints palette of #557da6:
#668aaf
#7797b8
#88a4c1
#99b1ca
#aabed3
#bbcbdb
#ccd8e4
#dde5ed
#eef2f6
#ffffff
Complementary palette of #557da6:
#557da6
#a67e55
Triadic palette of #557da6:
#557da6
#a6557d
#7da655
Square palette of #557da6:
#557da6
#a655a5
#a67e55
#55a655
Analogous palette of #557da6:
#55a5a6
#557da6
#5655a6
Split-Complementary palette of #557da6:
#557da6
#a65655
#a5a655
Rectangle (tetradic) palette of #557da6:
#557da6
#7e55a6
#a67e55
#7da655
Suggested color palettes for #557da6 HEX:
Color palette with color #557da6 #1:
Color palette with color #557da6 #2:
Color palette with color #557da6 #3:
Color palette with color #557da6 #4:
Color palette with color #557da6 #5:
Color #557da6 used in palettes (1)
Color Contrast
Color pairings of #557da6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557da6
#557da6Contrast Ratio
4.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557da6
#557da6Contrast Ratio
4.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557da6 color png
Visit the popular colors list for more colors