#508221

#508221

Color Values

HEX

#508221

RGB

80, 130, 33

HSL

90.9, 59.5%, 32.0%

HSV

90.9, 74.6%, 51.0%

CMYK

38.5%, 0.0%, 74.6%, 49.0%

OKLCH

0.5511 0.1373 133.1

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#508221

#532182

Analogous

#818221

#218223

#508221

Triadic

#508221

#215082

#822150

Split Complementary

#508221

#232182

#822181

Tetradic

#508221

#218182

#532182

#822321

Color Blindness Simulation

Original

#508221

Protanopia

#666638

Deuteranopia

#635F3E

Tritanopia

#524B4F

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF6E4
200
#DBF1C6
300
#C1E69D
400
#9FD969
500
#7DCB34
600
#64A329
700
#508221
800
#3F661A
900
#304A17
950
#1E2F0E

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

4.56: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