#416086 Color

#416086 is rgb(65, 96, 134) in RGB and hsl(213, 35%, 39%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#416086

HEX#416086

RGBrgb(65, 96, 134)

HSLhsl(213, 35%, 39%)

HSVhsv(213, 51%, 53%)

OKLCHoklch(48.2% 0.072 254.1)

CMYKcmyk(51%, 28%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#416086 Complementary#866741 Analogous#418386 Analogous#444186 Triadic#864160 Triadic#608641

Tints & Shades

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

Tints

#4E74A2 #688BB6 #83A0C3 #A2B8D2 #BECDE0 #DDE5EE

Shades

#385475 #304764 #283B53 #1F2F41 #172230 #0F161F

Use #416086 in Our Tools

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