#674DEA Color

#674DEA is rgb(103, 77, 234) in RGB and hsl(250, 79%, 61%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#674DEA

HEX#674DEA

RGBrgb(103, 77, 234)

HSLhsl(250, 79%, 61%)

HSVhsv(250, 67%, 92%)

OKLCHoklch(54.3% 0.224 283.6)

CMYKcmyk(56%, 67%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#674DEA Complementary#D0EA4D Analogous#4D81EA Analogous#B64DEA Triadic#EA674D Triadic#4DEA67

Tints & Shades

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

Tints

#7B64ED #927FF0 #A596F3 #B9ADF5 #CCC4F8 #E4DFFB

Shades

#4828E6 #3618CD #2D14A9 #220F80 #180B5B #0E0637

Use #674DEA in Our Tools

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