#170396 Color

#170396 is rgb(23, 3, 150) in RGB and hsl(248, 96%, 30%) in HSL. The closest CSS named color is DarkBlue. White text is most readable on this background.

#170396

HEX#170396

RGBrgb(23, 3, 150)

HSLhsl(248, 96%, 30%)

HSVhsv(248, 98%, 59%)

OKLCHoklch(31.5% 0.204 269.7)

CMYKcmyk(85%, 98%, 0%, 41%)

Text Contrast & Accessibility

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

TextWhite text14.1:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.49:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#170396 Complementary#829603 Analogous#033996 Analogous#600396 Triadic#961703 Triadic#039617

Tints & Shades

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

Tints

#1E04C8 #2505F5 #4D32FB #7864FC #A496FD #CBC3FE

Shades

#140382 #110273 #0E025F #0B024B #080137 #060128

Use #170396 in Our Tools

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