#628D30

#628D30

Color Values

HEX

#628D30

RGB

98, 141, 48

HSL

87.7, 49.2%, 37.1%

HSV

87.7, 66.0%, 55.3%

CMYK

30.5%, 0.0%, 66.0%, 44.7%

OKLCH

0.5921 0.1315 130.7

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#628D30

#5B308D

Analogous

#8D8A30

#348D30

#628D30

Triadic

#628D30

#30628D

#8D3062

Split Complementary

#628D30

#30348D

#8A308D

Tetradic

#628D30

#308D8A

#5B308D

#8D3034

Color Blindness Simulation

Original

#628D30

Protanopia

#757546

Deuteranopia

#726F4C

Tritanopia

#64585C

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DDEDCA
300
#C4E0A4
400
#A4CF72
500
#84BE41
600
#6A9834
700
#557A29
800
#425F20
900
#32461B
950
#202C11

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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