#528223

#528223

Color Values

HEX

#528223

RGB

82, 130, 35

HSL

90.3, 57.6%, 32.4%

HSV

90.3, 73.1%, 51.0%

CMYK

36.9%, 0.0%, 73.1%, 49.0%

OKLCH

0.5524 0.1348 132.7

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#528223

#532382

Analogous

#828223

#238224

#528223

Triadic

#528223

#235282

#822352

Split Complementary

#528223

#242382

#822382

Tetradic

#528223

#238282

#532382

#822423

Color Blindness Simulation

Original

#528223

Protanopia

#67673A

Deuteranopia

#646040

Tritanopia

#544C50

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E4
200
#DBF0C7
300
#C1E59F
400
#A0D76A
500
#7FC936
600
#65A12B
700
#518123
800
#3F641B
900
#304A17
950
#1E2E0F

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026