#557dc4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #557dc4 | RGB(85, 125, 196) |
Created at 05/20/2025 09:44
RGB values are RGB(85, 125, 196)
#557dc4 color contains Red 33.33%, Green 49.02% and Blue 76.86%.
oklch(59.26% 0.1182 261.2)
#557dc4 color contains Red 33.33%, Green 49.02% and Blue 76.86%.
oklch(59.26% 0.1182 261.2)
Color Names of #557dc4 HEX code
≈ Indigo
Classification of #557dc4 color
#557dc4 is Light and Cool Color Saturation 48%, lightness 55%.
Tint of Steel Blue
Alternative colors of #557dc4
Opposite Color for #557dc4 is #c49c55
#557dc4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #557dc4
cmyk
CMYK(57%, 36%, 0%, 23%)
Decimal
5602756
HEX
#557dc4
HSL
hsl(218, 48%, 55%)
HSLA
hsla(218, 48%, 55%, 1)
RGB
RGB(85, 125, 196)
RGBA
RGBA(85, 125, 196, 1)
Palettes for #557dc4 color:
Below are examples of color palettes with the #557dc4 HEX color
darkest color is #080c14 from shades and lightest color is #eef2f9 from tints
Shades palette of #557dc4:
#4d71b0
#44649d
#3b5889
#334b76
#2b3f62
#22324e
#1a263b
#111927
#080c14
#000000
Tints palette of #557dc4:
#668aca
#7797d0
#88a4d6
#99b1dc
#aabee2
#bbcbe7
#ccd8ed
#dde5f3
#eef2f9
#ffffff
Complementary palette of #557dc4:
#557dc4
#c49c55
Triadic palette of #557dc4:
#557dc4
#c4557d
#7dc455
Square palette of #557dc4:
#557dc4
#c455b5
#c49c55
#55c465
Analogous palette of #557dc4:
#55b5c4
#557dc4
#6455c4
Split-Complementary palette of #557dc4:
#557dc4
#c46555
#b4c455
Rectangle (tetradic) palette of #557dc4:
#557dc4
#9c55c4
#c49c55
#7dc455
Suggested color palettes for #557dc4 HEX:
Color palette with color #557dc4 #1:
Color palette with color #557dc4 #2:
Color palette with color #557dc4 #3:
Color palette with color #557dc4 #4:
Color palette with color #557dc4 #5:
Color #557dc4 used in palettes (1)
Color Contrast
Color pairings of #557dc4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#557dc4
#557dc4Contrast Ratio
4.1:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#557dc4
#557dc4Contrast Ratio
5.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #557dc4 color png
Visit the popular colors list for more colors