#132486 Color

#132486 is rgb(19, 36, 134) in RGB and hsl(231, 75%, 30%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#132486

HEX#132486

RGBrgb(19, 36, 134)

HSLhsl(231, 75%, 30%)

HSVhsv(231, 86%, 53%)

OKLCHoklch(32.8% 0.162 267.4)

CMYKcmyk(86%, 73%, 0%, 47%)

Text Contrast & Accessibility

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

TextWhite text12.93:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#132486 Complementary#867513 Analogous#135E86 Analogous#3B1386 Triadic#861324 Triadic#248613

Tints & Shades

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

Tints

#1930B3 #1F3BDB #4860E5 #7586EB #A1ADF2 #C9D0F7

Shades

#111F74 #0F1C67 #0C1755 #0A1243 #070D31 #050A24

Use #132486 in Our Tools

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