#648F38

#648F38

Color Values

HEX

#648F38

RGB

100, 143, 56

HSL

89.7, 43.7%, 39.0%

HSV

89.7, 60.8%, 56.1%

CMYK

30.1%, 0.0%, 60.8%, 43.9%

OKLCH

0.5993 0.1264 131.4

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#648F38

#63388F

Analogous

#8F8E38

#388F38

#648F38

Triadic

#648F38

#38648F

#8F3864

Split Complementary

#648F38

#38388F

#8E388F

Tetradic

#648F38

#388F8E

#63388F

#8F3838

Color Blindness Simulation

Original

#648F38

Protanopia

#77774D

Deuteranopia

#747152

Tritanopia

#665E61

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF4E7
200
#DBEBCC
300
#C2DDA7
400
#A1CA77
500
#80B748
600
#669339
700
#52752E
800
#405C24
900
#31441D
950
#1F2B13

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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