#625DDF Color

#625DDF is rgb(98, 93, 223) in RGB and hsl(242, 67%, 62%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#625DDF

HEX#625DDF

RGBrgb(98, 93, 223)

HSLhsl(242, 67%, 62%)

HSVhsv(242, 58%, 87%)

OKLCHoklch(55.6% 0.192 279.8)

CMYKcmyk(56%, 58%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#625DDF Complementary#DBDF5D Analogous#5D9ADF Analogous#A25DDF Triadic#DF625D Triadic#5DDF62

Tints & Shades

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

Tints

#7672E3 #8B88E7 #A09DEC #B9B7F1 #CDCCF5 #E2E1F9

Shades

#403BD8 #2B26C0 #231F9E #1C187B #141259 #0B0A33

Use #625DDF in Our Tools

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