#628E49

#628E49

Color Values

HEX

#628E49

RGB

98, 142, 73

HSL

98.3, 32.1%, 42.2%

HSV

98.3, 48.6%, 55.7%

CMYK

31.0%, 0.0%, 48.6%, 44.3%

OKLCH

0.5978 0.1094 135.2

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#628E49

#75498E

Analogous

#858E49

#498E53

#628E49

Triadic

#628E49

#49628E

#8E4962

Split Complementary

#628E49

#53498E

#8E4985

Tetradic

#628E49

#49858E

#75498E

#8E5349

Color Blindness Simulation

Original

#628E49

Protanopia

#75755A

Deuteranopia

#726F5E

Tritanopia

#64676A

Achromatopsia

#808080

CSS Usage

background-color: #628E49;
color: #628E49;
border-color: #628E49;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F7F9F5
100
#ECF2E8
200
#D8E7D0
300
#BCD5AE
400
#98BF82
500
#74A857
600
#5D8745
700
#4A6C37
800
#3A542B
900
#2D3E22
950
#1C2716

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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