#628748

#628748

Color Values

HEX

#628748

RGB

98, 135, 72

HSL

95.2, 30.4%, 40.6%

HSV

95.2, 46.7%, 52.9%

CMYK

27.4%, 0.0%, 46.7%, 47.1%

OKLCH

0.58 0.0994 133.5

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#628748

#6D4887

Analogous

#828748

#48874E

#628748

Triadic

#628748

#486287

#874862

Split Complementary

#628748

#4E4887

#874882

Tetradic

#628748

#488287

#6D4887

#874E48

Color Blindness Simulation

Original

#628748

Protanopia

#727257

Deuteranopia

#706D5B

Tritanopia

#646366

Achromatopsia

#7B7B7B

CSS Usage

background-color: #628748;
color: #628748;
border-color: #628748;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7F9F5
100
#ECF2E9
200
#D9E6D0
300
#BFD4AF
400
#9CBD84
500
#79A659
600
#618547
700
#4D6A39
800
#3C532C
900
#2E3E23
950
#1D2716

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026