#52842F

#52842F

Color Values

HEX

#52842F

RGB

82, 132, 47

HSL

95.3, 47.5%, 35.1%

HSV

95.3, 64.4%, 51.8%

CMYK

37.9%, 0.0%, 64.4%, 48.2%

OKLCH

0.5588 0.1284 134.6

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#52842F

#612F84

Analogous

#7D842F

#2F8437

#52842F

Triadic

#52842F

#2F5284

#842F52

Split Complementary

#52842F

#372F84

#842F7D

Tetradic

#52842F

#2F7D84

#612F84

#84372F

Color Blindness Simulation

Original

#52842F

Protanopia

#686844

Deuteranopia

#656148

Tritanopia

#545457

Achromatopsia

#737373

CSS Usage

background-color: #52842F;
color: #52842F;
border-color: #52842F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8ECCA
300
#BDDFA5
400
#99CD74
500
#75BC43
600
#5D9636
700
#4B782B
800
#3A5E21
900
#2D451C
950
#1C2C12

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026