#628F20

#628F20

Color Values

HEX

#628F20

RGB

98, 143, 32

HSL

84.3, 63.4%, 34.3%

HSV

84.3, 77.6%, 56.1%

CMYK

31.5%, 0.0%, 77.6%, 43.9%

OKLCH

0.5959 0.1451 129.7

Properties

Cool Light Nearest: olivedrab

Color Harmonies

Complementary

#628F20

#4D208F

Analogous

#8F8420

#2B8F20

#628F20

Triadic

#628F20

#20628F

#8F2062

Split Complementary

#628F20

#202B8F

#84208F

Tetradic

#628F20

#208F84

#4D208F

#8F202B

Color Blindness Simulation

Original

#628F20

Protanopia

#75763B

Deuteranopia

#737041

Tritanopia

#645055

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EFF7E4
200
#E0F2C5
300
#C9E99B
400
#ACDC65
500
#8FD02F
600
#72A725
700
#5B851E
800
#476817
900
#364C15
950
#22300D

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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