#131786 Color

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

#131786

HEX#131786

RGBrgb(19, 23, 134)

HSLhsl(238, 75%, 30%)

HSVhsv(238, 86%, 53%)

OKLCHoklch(30.9% 0.175 268.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#131786 Complementary#868213 Analogous#135086 Analogous#491386 Triadic#861317 Triadic#178613

Tints & Shades

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

Tints

#191FB3 #1F25DB #484DE5 #7579EB #A1A4F2 #C9CBF7

Shades

#111474 #0F1267 #0C0F55 #0A0B43 #070831 #050624

Use #131786 in Our Tools

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