#558bdb HEX color information
| Color | HEX | RGB |
|---|---|---|
| #558bdb | RGB(85, 139, 219) |
Created at 10/09/2026 15:59
Classification of #558bdb color
#558bdb is Light and Cool Color Saturation 65%, lightness 60%.
Shade of Cornflower Blue
RGB values are RGB(85, 139, 219)
#558bdb color contains Red 33.33%, Green 54.51% and Blue 85.88%.
oklch(63.59% 0.134 258.08)
#558bdb color contains Red 33.33%, Green 54.51% and Blue 85.88%.
oklch(63.59% 0.134 258.08)
Color Names of #558bdb HEX code
≈ Havelock Blue
Alternative colors of #558bdb
Opposite Color for #558bdb is #dba555
#558bdb Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #558bdb
cmyk
CMYK(61%, 37%, 0%, 14%)
Decimal
5606363
HEX
#558bdb
HSL
hsl(216, 65%, 60%)
HSLA
hsla(216, 65%, 60%, 1)
RGB
RGB(85, 139, 219)
RGBA
RGBA(85, 139, 219, 1)
Palettes for #558bdb color:
Below are examples of color palettes with the #558bdb HEX color
darkest color is #080e16 from shades and lightest color is #eef3fb from tints
Shades palette of #558bdb:
#4d7dc5
#446faf
#3b6199
#335383
#2b466e
#223858
#1a2a42
#111c2c
#080e16
#000000
Tints palette of #558bdb:
#6697df
#77a2e2
#88aee6
#99b9e9
#aac5ed
#bbd1f1
#ccdcf4
#dde8f8
#eef3fb
#ffffff
Complementary palette of #558bdb:
#558bdb
#dba555
Triadic palette of #558bdb:
#558bdb
#db558b
#8bdb55
Square palette of #558bdb:
#558bdb
#db55ce
#dba555
#55db62
Analogous palette of #558bdb:
#55cedb
#558bdb
#6255db
Split-Complementary palette of #558bdb:
#558bdb
#db6255
#cedb55
Rectangle (tetradic) palette of #558bdb:
#558bdb
#a555db
#dba555
#8bdb55
Suggested color palettes for #558bdb HEX:
Color palette with color #558bdb #1:
Color palette with color #558bdb #2:
Color palette with color #558bdb #3:
Color palette with color #558bdb #4:
Color palette with color #558bdb #5:
Color Contrast
Color pairings of #558bdb with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#558bdb
#558bdb Contrast Ratio
3.44:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#558bdb
#558bdb Contrast Ratio
6.1:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #558bdb color png
Visit the popular colors list for more colors