#5685cf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5685cf | RGB(86, 133, 207) |
Created at 10/30/2026 15:24
RGB values are RGB(86, 133, 207)
#5685cf color contains Red 33.73%, Green 52.16% and Blue 81.18%.
oklch(61.67% 0.124 259.15)
#5685cf color contains Red 33.73%, Green 52.16% and Blue 81.18%.
oklch(61.67% 0.124 259.15)
Color Names of #5685cf HEX code
≈ Havelock Blue
Classification of #5685cf color
#5685cf is Light and Cool Color Saturation 56%, lightness 57%.
Tint of Steel Blue
Alternative colors of #5685cf
Opposite Color for #5685cf is #cfa056
#5685cf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5685cf
cmyk
CMYK(58%, 36%, 0%, 19%)
Decimal
5670351
HEX
#5685cf
HSL
hsl(217, 56%, 57%)
HSLA
hsla(217, 56%, 57%, 1)
RGB
RGB(86, 133, 207)
RGBA
RGBA(86, 133, 207, 1)
Palettes for #5685cf color:
Below are examples of color palettes with the #5685cf HEX color
darkest color is #090d15 from shades and lightest color is #eef3fa from tints
Shades palette of #5685cf:
#4d78ba
#456aa6
#3c5d91
#34507c
#2b4368
#223553
#1a283e
#111b29
#090d15
#000000
Tints palette of #5685cf:
#6791d4
#789dd9
#89aadd
#9ab6e2
#abc2e7
#bbceec
#ccdaf1
#dde7f5
#eef3fa
#ffffff
Complementary palette of #5685cf:
#5685cf
#cfa056
Triadic palette of #5685cf:
#5685cf
#cf5685
#85cf56
Square palette of #5685cf:
#5685cf
#cf56c1
#cfa056
#56cf64
Analogous palette of #5685cf:
#56c1cf
#5685cf
#6456cf
Split-Complementary palette of #5685cf:
#5685cf
#cf6456
#c2cf56
Rectangle (tetradic) palette of #5685cf:
#5685cf
#a056cf
#cfa056
#85cf56
Suggested color palettes for #5685cf HEX:
Color palette with color #5685cf #1:
Color palette with color #5685cf #2:
Color palette with color #5685cf #3:
Color palette with color #5685cf #4:
Color palette with color #5685cf #5:
Color Contrast
Color pairings of #5685cf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5685cf
#5685cfContrast Ratio
3.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5685cf
#5685cfContrast Ratio
5.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5685cf color png
Visit the popular colors list for more colors