#5586b2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5586b2 | RGB(85, 134, 178) |
Created at 07/30/2026 11:35
RGB values are RGB(85, 134, 178)
#5586b2 color contains Red 33.33%, Green 52.55% and Blue 69.8%.
oklch(60.35% 0.0859 246.85)
#5586b2 color contains Red 33.33%, Green 52.55% and Blue 69.8%.
oklch(60.35% 0.0859 246.85)
Color Names of #5586b2 HEX code
≈ Steel Blue
Classification of #5586b2 color
#5586b2 is Light and Cool Color Saturation 38%, lightness 52%.
Tint of Steel Blue
Alternative colors of #5586b2
Opposite Color for #5586b2 is #b28155
#5586b2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5586b2
cmyk
CMYK(52%, 25%, 0%, 30%)
Decimal
5605042
HEX
#5586b2
HSL
hsl(208, 38%, 52%)
HSLA
hsla(208, 38%, 52%, 1)
RGB
RGB(85, 134, 178)
RGBA
RGBA(85, 134, 178, 1)
Palettes for #5586b2 color:
Below are examples of color palettes with the #5586b2 HEX color
darkest color is #080d12 from shades and lightest color is #eef3f7 from tints
Shades palette of #5586b2:
#4d79a0
#446b8e
#3b5e7d
#33506b
#2b4359
#223647
#1a2835
#111b24
#080d12
#000000
Tints palette of #5586b2:
#6692ba
#779ec1
#88aac9
#99b6d1
#aac3d9
#bbcfe0
#ccdbe8
#dde7f0
#eef3f7
#ffffff
Complementary palette of #5586b2:
#5586b2
#b28155
Triadic palette of #5586b2:
#5586b2
#b25586
#86b255
Square palette of #5586b2:
#5586b2
#af55b2
#b28155
#58b255
Analogous palette of #5586b2:
#55b2af
#5586b2
#5558b2
Split-Complementary palette of #5586b2:
#5586b2
#b25558
#b2af55
Rectangle (tetradic) palette of #5586b2:
#5586b2
#8155b2
#b28155
#86b255
Suggested color palettes for #5586b2 HEX:
Color palette with color #5586b2 #1:
Color palette with color #5586b2 #2:
Color palette with color #5586b2 #3:
Color palette with color #5586b2 #4:
Color palette with color #5586b2 #5:
Color #5586b2 used in palettes (1)
Color Contrast
Color pairings of #5586b2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5586b2
#5586b2Contrast Ratio
3.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5586b2
#5586b2Contrast Ratio
5.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5586b2 color png
Visit the popular colors list for more colors