#142A1F Color

#142A1F is rgb(20, 42, 31) in RGB and hsl(150, 35%, 12%) in HSL. The closest CSS named color is Black. White text is most readable on this background.

#142A1F

HEX#142A1F

RGBrgb(20, 42, 31)

HSLhsl(150, 35%, 12%)

HSVhsv(150, 52%, 16%)

OKLCHoklch(26.3% 0.035 160.9)

CMYKcmyk(52%, 0%, 26%, 84%)

Text Contrast & Accessibility

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

TextWhite text15.21:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#142A1F Complementary#29141F Analogous#142914 Analogous#142929 Triadic#1F1429 Triadic#291F14

Tints & Shades

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

Tints

#28533D #3D7F5E #51A97D #79BE9C #A2D2BA #CFE8DB

Shades

#12261C #11221A #0F1F17 #0C1812 #0A150F #08110D

Use #142A1F in Our Tools

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