#558ed6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558ed6 | RGB(85, 142, 214) |
Created at 10/14/2026 04:38
RGB values are RGB(85, 142, 214)
#558ed6 color contains Red 33.33%, Green 55.69% and Blue 83.92%.
oklch(63.97% 0.1244 255.05)
#558ed6 color contains Red 33.33%, Green 55.69% and Blue 83.92%.
oklch(63.97% 0.1244 255.05)
Color Names of #558ed6 HEX code
≈ Havelock Blue
Classification of #558ed6 color
#558ed6 is Light and Cool Color Saturation 61%, lightness 59%.
Tint of Dodger Blue
Alternative colors of #558ed6
Opposite Color for #558ed6 is #d69d55
#558ed6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558ed6
cmyk
CMYK(60%, 34%, 0%, 16%)
Decimal
5607126
HEX
#558ed6
HSL
hsl(213, 61%, 59%)
HSLA
hsla(213, 61%, 59%, 1)
RGB
RGB(85, 142, 214)
RGBA
RGBA(85, 142, 214, 1)
Palettes for #558ed6 color:
Below are examples of color palettes with the #558ed6 HEX color
darkest color is #080e15 from shades and lightest color is #eef4fb from tints
Shades palette of #558ed6:
#4d80c1
#4472ab
#3b6396
#335580
#2b476b
#223956
#1a2b40
#111c2b
#080e15
#000000
Tints palette of #558ed6:
#6699da
#77a5de
#88b0e2
#99bbe6
#aac7eb
#bbd2ef
#ccddf3
#dde8f7
#eef4fb
#ffffff
Complementary palette of #558ed6:
#558ed6
#d69d55
Triadic palette of #558ed6:
#558ed6
#d6558e
#8ed655
Square palette of #558ed6:
#558ed6
#d655cf
#d69d55
#55d65d
Analogous palette of #558ed6:
#55cfd6
#558ed6
#5d55d6
Split-Complementary palette of #558ed6:
#558ed6
#d65d55
#cfd655
Rectangle (tetradic) palette of #558ed6:
#558ed6
#9d55d6
#d69d55
#8ed655
Suggested color palettes for #558ed6 HEX:
Color palette with color #558ed6 #1:
Color palette with color #558ed6 #2:
Color palette with color #558ed6 #3:
Color palette with color #558ed6 #4:
Color palette with color #558ed6 #5:
Color Contrast
Color pairings of #558ed6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558ed6
#558ed6 Contrast Ratio
3.37:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558ed6
#558ed6 Contrast Ratio
6.22:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558ed6 color png
Visit the popular colors list for more colors