#131F3A Color

#131F3A is rgb(19, 31, 58) in RGB and hsl(222, 51%, 15%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#131F3A

HEX#131F3A

RGBrgb(19, 31, 58)

HSLhsl(222, 51%, 15%)

HSVhsv(222, 67%, 23%)

OKLCHoklch(24.4% 0.054 264.6)

CMYKcmyk(67%, 47%, 0%, 77%)

Text Contrast & Accessibility

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

TextWhite text16.35:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#131F3A Complementary#3A2E13 Analogous#13323A Analogous#1B133A Triadic#3A131E Triadic#1E3A13

Tints & Shades

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

Tints

#223768 #314F96 #4269C2 #6D8AD0 #9BAFDF #C9D4EE

Shades

#101A32 #0F182E #0C1427 #0B1223 #090E1B #070C17

Use #131F3A in Our Tools

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