#685BDC Color

#685BDC is rgb(104, 91, 220) in RGB and hsl(246, 65%, 61%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#685BDC

HEX#685BDC

RGBrgb(104, 91, 220)

HSLhsl(246, 65%, 61%)

HSVhsv(246, 59%, 86%)

OKLCHoklch(55.5% 0.19 282.8)

CMYKcmyk(53%, 59%, 0%, 14%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #685BDC background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.1:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.12:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #685BDC based on color wheel relationships. Click any swatch for its full breakdown.

Base#685BDC Complementary#CFDC5B Analogous#5B8FDC Analogous#A85BDC Triadic#DC685B Triadic#5BDC68

Tints & Shades

Lighter tints and darker shades of #685BDC, useful for hover states, backgrounds, and text variants.

Tints

#7B70E1 #9289E6 #A69EEA #B9B3EF #CDC8F3 #E4E2F9

Shades

#4939D5 #3728BD #2D219C #221976 #181254 #0F0B32

Use #685BDC in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex