#828FC9 Color

#828FC9 is rgb(130, 143, 201) in RGB and hsl(229, 40%, 65%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#828FC9

HEX#828FC9

RGBrgb(130, 143, 201)

HSLhsl(229, 40%, 65%)

HSVhsv(229, 35%, 79%)

OKLCHoklch(66.2% 0.088 274.1)

CMYKcmyk(35%, 29%, 0%, 21%)

Text Contrast & Accessibility

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

TextWhite text3.12:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.72:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#828FC9 Complementary#C9BC82 Analogous#82B3C9 Analogous#9982C9 Triadic#C9828F Triadic#8FC982

Tints & Shades

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

Tints

#949FD1 #A2ACD7 #B4BCDF #C6CCE7 #D8DCEE #E6E9F4

Shades

#6272BC #495BAB #3C4A8B #2E396B #20284B #14192E

Use #828FC9 in Our Tools

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