#5986bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5986bd | RGB(89, 134, 189) |
Created at 06/15/2026 22:53
RGB values are RGB(89, 134, 189)
#5986bd color contains Red 34.9%, Green 52.55% and Blue 74.12%.
oklch(61.10% 0.0977 254.11)
#5986bd color contains Red 34.9%, Green 52.55% and Blue 74.12%.
oklch(61.10% 0.0977 254.11)
Color Names of #5986bd HEX code
≈ Steel Blue
Classification of #5986bd color
#5986bd is Light and Cool Color Saturation 43%, lightness 55%.
Tint of Steel Blue
Alternative colors of #5986bd
Opposite Color for #5986bd is #bd9059
#5986bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5986bd
cmyk
CMYK(53%, 29%, 0%, 26%)
Decimal
5867197
HEX
#5986bd
HSL
hsl(213, 43%, 55%)
HSLA
hsla(213, 43%, 55%, 1)
RGB
RGB(89, 134, 189)
RGBA
RGBA(89, 134, 189, 1)
Palettes for #5986bd color:
Below are examples of color palettes with the #5986bd HEX color
darkest color is #090d13 from shades and lightest color is #eef3f8 from tints
Shades palette of #5986bd:
#5079aa
#476b97
#3e5e84
#355071
#2d435f
#24364c
#1b2839
#121b26
#090d13
#000000
Tints palette of #5986bd:
#6a92c4
#7a9eca
#8baad1
#9bb6d7
#acc3de
#bdcfe5
#cddbeb
#dee7f2
#eef3f8
#ffffff
Complementary palette of #5986bd:
#5986bd
#bd9059
Triadic palette of #5986bd:
#5986bd
#bd5986
#86bd59
Square palette of #5986bd:
#5986bd
#bd59b8
#bd9059
#59bd5e
Analogous palette of #5986bd:
#59b8bd
#5986bd
#5e59bd
Split-Complementary palette of #5986bd:
#5986bd
#bd5e59
#b8bd59
Rectangle (tetradic) palette of #5986bd:
#5986bd
#9059bd
#bd9059
#86bd59
Suggested color palettes for #5986bd HEX:
Color palette with color #5986bd #1:
Color palette with color #5986bd #2:
Color palette with color #5986bd #3:
Color palette with color #5986bd #4:
Color palette with color #5986bd #5:
Color #5986bd used in palettes (1)
Color Contrast
Color pairings of #5986bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5986bd
#5986bdContrast Ratio
3.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5986bd
#5986bdContrast Ratio
5.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5986bd color png
Visit the popular colors list for more colors