#557dbf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557dbf | RGB(85, 125, 191) |
Created at 10/06/2026 12:30
Classification of #557dbf color
#557dbf is Light and Cool Color Saturation 45%, lightness 54%.
Tint of Steel Blue
RGB values are RGB(85, 125, 191)
#557dbf color contains Red 33.33%, Green 49.02% and Blue 74.9%.
oklch(58.98% 0.1113 259.99)
#557dbf color contains Red 33.33%, Green 49.02% and Blue 74.9%.
oklch(58.98% 0.1113 259.99)
Color Names of #557dbf HEX code
≈ Steel Blue
Alternative colors of #557dbf
Opposite Color for #557dbf is #bf9755
#557dbf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557dbf
cmyk
CMYK(55%, 35%, 0%, 25%)
Decimal
5602751
HEX
#557dbf
HSL
hsl(217, 45%, 54%)
HSLA
hsla(217, 45%, 54%, 1)
RGB
RGB(85, 125, 191)
RGBA
RGBA(85, 125, 191, 1)
Palettes for #557dbf color:
Below are examples of color palettes with the #557dbf HEX color
darkest color is #080c13 from shades and lightest color is #eef2f9 from tints
Shades palette of #557dbf:
#4d71ac
#446499
#3b5886
#334b73
#2b3f60
#22324c
#1a2639
#111926
#080c13
#000000
Tints palette of #557dbf:
#668ac5
#7797cc
#88a4d2
#99b1d9
#aabedf
#bbcbe5
#ccd8ec
#dde5f2
#eef2f9
#ffffff
Complementary palette of #557dbf:
#557dbf
#bf9755
Triadic palette of #557dbf:
#557dbf
#bf557d
#7dbf55
Square palette of #557dbf:
#557dbf
#bf55b2
#bf9755
#55bf62
Analogous palette of #557dbf:
#55b2bf
#557dbf
#6255bf
Split-Complementary palette of #557dbf:
#557dbf
#bf6255
#b2bf55
Rectangle (tetradic) palette of #557dbf:
#557dbf
#9755bf
#bf9755
#7dbf55
Suggested color palettes for #557dbf HEX:
Color palette with color #557dbf #1:
Color palette with color #557dbf #2:
Color palette with color #557dbf #3:
Color palette with color #557dbf #4:
Color palette with color #557dbf #5:
Color Contrast
Color pairings of #557dbf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557dbf
#557dbf Contrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557dbf
#557dbf Contrast Ratio
5.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557dbf color png
Visit the popular colors list for more colors