#5686dd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5686dd | RGB(86, 134, 221) |
Created at 09/30/2026 05:54
Classification of #5686dd color
#5686dd is Light and Cool Color Saturation 67%, lightness 60%.
Shade of cornflowerblue
RGB values are RGB(86, 134, 221)
#5686dd color contains Red 33.73%, Green 52.55% and Blue 86.67%.
oklch(62.68% 0.1418 261.4)
#5686dd color contains Red 33.73%, Green 52.55% and Blue 86.67%.
oklch(62.68% 0.1418 261.4)
Color Names of #5686dd HEX code
≈ Havelock Blue
Alternative colors of #5686dd
Opposite Color for #5686dd is #ddad56
#5686dd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5686dd
cmyk
CMYK(61%, 39%, 0%, 13%)
Decimal
5670621
HEX
#5686dd
HSL
hsl(219, 67%, 60%)
HSLA
hsla(219, 67%, 60%, 1)
RGB
RGB(86, 134, 221)
RGBA
RGBA(86, 134, 221, 1)
Palettes for #5686dd color:
Below examples of color palettes for #5686dd HEX color
darkest color is #090d16 from shades and lightest color is #eef3fc from tints
Shades palette of #5686dd:
#4d79c7
#456bb1
#3c5e9b
#345085
#2b436f
#223658
#1a2842
#111b2c
#090d16
#000000
Tints palette of #5686dd:
#6792e0
#789ee4
#89aae7
#9ab6eb
#abc3ee
#bbcff1
#ccdbf5
#dde7f8
#eef3fc
#ffffff
Complementary palette of #5686dd:
#5686dd
#ddad56
Triadic palette of #5686dd:
#5686dd
#dd5686
#86dd56
Square palette of #5686dd:
#5686dd
#dd56ca
#ddad56
#56dd69
Analogous palette of #5686dd:
#56cadd
#5686dd
#6956dd
Split-Complementary palette of #5686dd:
#5686dd
#dd6956
#cadd56
Rectangle (tetradic) palette of #5686dd:
#5686dd
#ad56dd
#ddad56
#86dd56
Suggested color palettes for #5686dd HEX:
Color palette with color #5686dd #1:
Color palette with color #5686dd #2:
Color palette with color #5686dd #3:
Color palette with color #5686dd #4:
Color palette with color #5686dd #5:
Color Contrast
Color pairings #5686dd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5686dd
#5686dd Contrast Ratio
3.58:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5686dd
#5686dd Contrast Ratio
5.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5686dd color png
Visit the popular colors list for more colors