Created at 03/01/2023 05:08
#685ca7 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #685ca7 | RGB(104, 92, 167) |
RGB values are RGB(104, 92, 167)
#685ca7 color contain Red 40.78%, Green 36.08% and Blue 65.49%.
oklch(52.08% 0.1158 289.08)
#685ca7 color contain Red 40.78%, Green 36.08% and Blue 65.49%.
oklch(52.08% 0.1158 289.08)
Classification of #685ca7 color
#685ca7 is Semi dark and Cool Color Saturation 30%, lightness 51%.
Shade of slateblue
Alternative colors of #685ca7
Opposite Color for #685ca7 is #9ba85d
#685ca7 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #685ca7
Decimal
6839463
HEX
#685ca7
HSL
hsl(250, 30%, 51%)
HSLA
hsla(250, 30%, 51%, 1)
RGB
RGB(104, 92, 167)
RGBA
RGBA(104, 92, 167, 1)
Palettes for #685ca7 color:
Below examples of color palettes for #685ca7 HEX color
darkest color is #0a0911 from shades and lightest color is #f0eff6 from tints
Shades palette of #685ca7:
#5e5396
#534a86
#494075
#3e3764
#342e54
#2a2543
#1f1c32
#151221
#0a0911
#000000
Tints palette of #685ca7:
#776cb0
#867db9
#958dc1
#a49dca
#b4aed3
#c3bedc
#d2cee5
#e1deed
#f0eff6
#ffffff
Complementary palette of #685ca7:
#695da8
#9ba85d
Triadic palette of #685ca7:
#695da8
#a8695d
#5da869
Square palette of #685ca7:
#695da8
#a85d76
#5da88f
#9ba85d
Analogous palette of #685ca7:
#5d76a8
#695da8
Split-Complementary palette of #685ca7:
#695da8
#5d76a8
Rectangle (tetradic) palette of #685ca7:
#695da8
#a85d76
#5da88f
#a88f5d
Suggested colors palettes for #685ca7 HEX:
Colors palette with color #685ca7 #1:
Colors palette with color #685ca7 #2:
Colors palette with color #685ca7 #3:
Colors palette with color #685ca7 #4:
Colors palette with color #685ca7 #5:
Color #685ca7 used in palettes (1)
Color Contrast
Color pairings #685ca7 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#685ca7
#685ca7 Contrast Ratio
5.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#685ca7
#685ca7 Contrast Ratio
3.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #685ca7 color png
Visit the popular colors list for more colors