#5680ec HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5680ec | RGB(86, 128, 236) |
Created at 10/24/2026 20:09
RGB values are RGB(86, 128, 236)
#5680ec color contains Red 33.73%, Green 50.2% and Blue 92.55%.
oklch(62.35% 0.169 265.74)
#5680ec color contains Red 33.73%, Green 50.2% and Blue 92.55%.
oklch(62.35% 0.169 265.74)
Color Names of #5680ec HEX code
≈ Havelock Blue
Classification of #5680ec color
#5680ec is Light and Cool Color Saturation 80%, lightness 63%.
Shade of Cornflower Blue
Alternative colors of #5680ec
Opposite Color for #5680ec is #ecc256
#5680ec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5680ec
cmyk
CMYK(64%, 46%, 0%, 7%)
Decimal
5669100
HEX
#5680ec
HSL
hsl(223, 80%, 63%)
HSLA
hsla(223, 80%, 63%, 1)
RGB
RGB(86, 128, 236)
RGBA
RGBA(86, 128, 236, 1)
Palettes for #5680ec color:
Below are examples of color palettes with the #5680ec HEX color
darkest color is #090d18 from shades and lightest color is #eef2fd from tints
Shades palette of #5680ec:
#4d73d4
#4566bd
#3c5aa5
#344d8e
#2b4076
#22335e
#1a2647
#111a2f
#090d18
#000000
Tints palette of #5680ec:
#678dee
#7899f0
#89a6f2
#9ab3f4
#abc0f6
#bbccf7
#ccd9f9
#dde6fb
#eef2fd
#ffffff
Complementary palette of #5680ec:
#5680ec
#ecc256
Triadic palette of #5680ec:
#5680ec
#ec5680
#80ec56
Square palette of #5680ec:
#5680ec
#ec56cb
#ecc256
#56ec77
Analogous palette of #5680ec:
#56cbec
#5680ec
#7756ec
Split-Complementary palette of #5680ec:
#5680ec
#ec7756
#cbec56
Rectangle (tetradic) palette of #5680ec:
#5680ec
#c256ec
#ecc256
#80ec56
Suggested color palettes for #5680ec HEX:
Color palette with color #5680ec #1:
Color palette with color #5680ec #2:
Color palette with color #5680ec #3:
Color palette with color #5680ec #4:
Color palette with color #5680ec #5:
Color Contrast
Color pairings of #5680ec with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5680ec
#5680ecContrast Ratio
3.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5680ec
#5680ecContrast Ratio
5.69:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5680ec color png
Visit the popular colors list for more colors