#416495 Color

#416495 is rgb(65, 100, 149) in RGB and hsl(215, 39%, 42%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#416495

HEX#416495

RGBrgb(65, 100, 149)

HSLhsl(215, 39%, 42%)

HSVhsv(215, 56%, 58%)

OKLCHoklch(49.9% 0.089 257)

CMYKcmyk(56%, 33%, 0%, 42%)

Text Contrast & Accessibility

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

TextWhite text6.03:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#416495 Complementary#957241 Analogous#418E95 Analogous#484195 Triadic#954164 Triadic#649541

Tints & Shades

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

Tints

#4E77B1 #6A8DBE #86A3CA #A3B8D7 #BFCEE3 #DCE4EF

Shades

#3A5883 #304A6E #283E5C #1F3047 #172435 #0E1520

Use #416495 in Our Tools

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