#0F522A Color

#0F522A is rgb(15, 82, 42) in RGB and hsl(144, 69%, 19%) in HSL. The closest CSS named color is DarkGreen. White text is most readable on this background.

#0F522A

HEX#0F522A

RGBrgb(15, 82, 42)

HSLhsl(144, 69%, 19%)

HSVhsv(144, 82%, 32%)

OKLCHoklch(38.8% 0.093 152)

CMYKcmyk(82%, 0%, 49%, 68%)

Text Contrast & Accessibility

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

TextWhite text9.29:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.26:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#0F522A Complementary#520F37 Analogous#16520F Analogous#0F524B Triadic#2A0F52 Triadic#522A0F

Tints & Shades

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

Tints

#188142 #21B55C #34DA77 #64E397 #93EBB6 #C7F5D9

Shades

#0D4925 #0C4121 #0A381D #082B16 #062212 #051A0D

Use #0F522A in Our Tools

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