#5686d8 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5686d8 | RGB(86, 134, 216) |
Created at 10/01/2026 17:43
RGB values are RGB(86, 134, 216)
#5686d8 color contains Red 33.73%, Green 52.55% and Blue 84.71%.
oklch(62.39% 0.135 260.49)
#5686d8 color contains Red 33.73%, Green 52.55% and Blue 84.71%.
oklch(62.39% 0.135 260.49)
Color Names of #5686d8 HEX code
≈ Havelock Blue
Classification of #5686d8 color
#5686d8 is Light and Cool Color Saturation 63%, lightness 59%.
Shade of Cornflower Blue
Alternative colors of #5686d8
Opposite Color for #5686d8 is #d8a856
#5686d8 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5686d8
cmyk
CMYK(60%, 38%, 0%, 15%)
Decimal
5670616
HEX
#5686d8
HSL
hsl(218, 63%, 59%)
HSLA
hsla(218, 63%, 59%, 1)
RGB
RGB(86, 134, 216)
RGBA
RGBA(86, 134, 216, 1)
Palettes for #5686d8 color:
Below are examples of color palettes with the #5686d8 HEX color
darkest color is #090d16 from shades and lightest color is #eef3fb from tints
Shades palette of #5686d8:
#4d79c2
#456bad
#3c5e97
#345082
#2b436c
#223656
#1a2841
#111b2b
#090d16
#000000
Tints palette of #5686d8:
#6792dc
#789ee0
#89aae4
#9ab6e8
#abc3ec
#bbcfef
#ccdbf3
#dde7f7
#eef3fb
#ffffff
Complementary palette of #5686d8:
#5686d8
#d8a856
Triadic palette of #5686d8:
#5686d8
#d85686
#86d856
Square palette of #5686d8:
#5686d8
#d856c7
#d8a856
#56d867
Analogous palette of #5686d8:
#56c7d8
#5686d8
#6756d8
Split-Complementary palette of #5686d8:
#5686d8
#d86756
#c7d856
Rectangle (tetradic) palette of #5686d8:
#5686d8
#a856d8
#d8a856
#86d856
Suggested color palettes for #5686d8 HEX:
Color palette with color #5686d8 #1:
Color palette with color #5686d8 #2:
Color palette with color #5686d8 #3:
Color palette with color #5686d8 #4:
Color palette with color #5686d8 #5:
Color Contrast
Color pairings of #5686d8 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5686d8
#5686d8Contrast Ratio
3.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5686d8
#5686d8Contrast Ratio
5.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5686d8 color png
Visit the popular colors list for more colors