#695AA0 Color

#695AA0 is rgb(105, 90, 160) in RGB and hsl(253, 28%, 49%) in HSL. The closest CSS named color is RebeccaPurple. White text is most readable on this background.

#695AA0

HEX#695AA0

RGBrgb(105, 90, 160)

HSLhsl(253, 28%, 49%)

HSVhsv(253, 44%, 63%)

OKLCHoklch(51.4% 0.109 292)

CMYKcmyk(34%, 44%, 0%, 37%)

Text Contrast & Accessibility

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

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

TextBlack text3.57:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#695AA0 Complementary#91A05A Analogous#5A6EA0 Analogous#8C5AA0 Triadic#A0695A Triadic#5AA069

Tints & Shades

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

Tints

#7D6FAE #9286BB #A69DC8 #BBB4D5 #D0CBE2 #E4E2EE

Shades

#5C4F8C #4D4276 #403762 #312A4B #241F37 #151221

Use #695AA0 in Our Tools

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