#143348 Color

#143348 is rgb(20, 51, 72) in RGB and hsl(204, 57%, 18%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#143348

HEX#143348

RGBrgb(20, 51, 72)

HSLhsl(204, 57%, 18%)

HSVhsv(204, 72%, 28%)

OKLCHoklch(30.8% 0.053 241)

CMYKcmyk(72%, 29%, 0%, 72%)

Text Contrast & Accessibility

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

TextWhite text13.15:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#143348 Complementary#482914 Analogous#144843 Analogous#141948 Triadic#481433 Triadic#334814

Tints & Shades

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

Tints

#205274 #2D74A4 #3F93CA #6FAED8 #9BC7E4 #CBE2F1

Shades

#122D40 #0F2838 #0D2230 #0B1C28 #091720 #071118

Use #143348 in Our Tools

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