#685eaa HEX color information
| Color | HEX | RGB |
|---|---|---|
| #685eaa | RGB(104, 94, 170) |
Created at 02/23/2023 02:19
RGB values are RGB(104, 94, 170)
#685eaa color contains Red 40.78%, Green 36.86% and Blue 66.67%.
oklch(52.64% 0.117 287.72)
#685eaa color contains Red 40.78%, Green 36.86% and Blue 66.67%.
oklch(52.64% 0.117 287.72)
Color Names of #685eaa HEX code
≈ Scampi
Classification of #685eaa color
#685eaa is Semi dark and Cool Color Saturation 31%, lightness 52%.
Shade of Slate Blue
Alternative colors of #685eaa
Opposite Color for #685eaa is #a0aa5e
#685eaa Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #685eaa
cmyk
CMYK(39%, 45%, 0%, 33%)
Decimal
6839978
HEX
#685eaa
HSL
hsl(248, 31%, 52%)
HSLA
hsla(248, 31%, 52%, 1)
RGB
RGB(104, 94, 170)
RGBA
RGBA(104, 94, 170, 1)
Palettes for #685eaa color:
Below are examples of color palettes with the #685eaa HEX color
darkest color is #0a0911 from shades and lightest color is #f0eff7 from tints
Shades palette of #685eaa:
#5e5599
#534b88
#494277
#3e3866
#342f55
#2a2644
#1f1c33
#151322
#0a0911
#000000
Tints palette of #685eaa:
#776eb3
#867ebb
#958ec4
#a49ecc
#b4afd5
#c3bfdd
#d2cfe6
#e1dfee
#f0eff7
#ffffff
Complementary palette of #685eaa:
#685eaa
#a0aa5e
Triadic palette of #685eaa:
#685eaa
#aa685e
#5eaa68
Square palette of #685eaa:
#685eaa
#aa5e7a
#a0aa5e
#5eaa8e
Analogous palette of #685eaa:
#5e7aaa
#685eaa
#8e5eaa
Split-Complementary palette of #685eaa:
#685eaa
#aa8e5e
#7aaa5e
Rectangle (tetradic) palette of #685eaa:
#685eaa
#aa5ea0
#a0aa5e
#5eaa68
Suggested color palettes for #685eaa HEX:
Color palette with color #685eaa #1:
Color palette with color #685eaa #2:
Color palette with color #685eaa #3:
Color palette with color #685eaa #4:
Color palette with color #685eaa #5:
Color #685eaa used in palettes (2)
Color Contrast
Color pairings of #685eaa with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#685eaa
#685eaaContrast Ratio
5.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#685eaa
#685eaaContrast Ratio
3.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #685eaa color png
Visit the popular colors list for more colors