#675CDB Color

#675CDB is rgb(103, 92, 219) in RGB and hsl(245, 64%, 61%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#675CDB

HEX#675CDB

RGBrgb(103, 92, 219)

HSLhsl(245, 64%, 61%)

HSVhsv(245, 58%, 86%)

OKLCHoklch(55.5% 0.187 282.3)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#675CDB Complementary#D1DB5C Analogous#5C91DB Analogous#A65CDB Triadic#DB675C Triadic#5CDB67

Tints & Shades

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

Tints

#7A71E0 #928AE5 #A59FEA #B9B4EE #CCC9F3 #E4E2F9

Shades

#473AD4 #3629BC #2C229B #211A75 #181254 #0E0B32

Use #675CDB in Our Tools

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