#628420

#628420

Color Values

HEX

#628420

RGB

98, 132, 32

HSL

80.4, 61.0%, 32.2%

HSV

80.4, 75.8%, 51.8%

CMYK

25.8%, 0.0%, 75.8%, 48.2%

OKLCH

0.5677 0.1308 126.9

Properties

Cool Light Nearest: olivedrab 4

Color Harmonies

Complementary

#628420

#422084

Analogous

#847420

#308420

#628420

Triadic

#628420

#206284

#842062

Split Complementary

#628420

#203084

#742084

Tetradic

#628420

#208474

#422084

#842030

Color Blindness Simulation

Original

#628420

Protanopia

#717138

Deuteranopia

#6F6C3E

Tritanopia

#644B50

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F9FBF3
100
#F0F6E4
200
#E2F1C6
300
#CEE79C
400
#B3DA67
500
#98CD32
600
#7AA428
700
#628320
800
#4C6719
900
#394B16
950
#242F0E

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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