#699243

#699243

Color Values

HEX

#699243

RGB

105, 146, 67

HSL

91.1, 37.1%, 41.8%

HSV

91.1, 54.1%, 57.3%

CMYK

28.1%, 0.0%, 54.1%, 42.7%

OKLCH

0.6115 0.1178 131.8

Properties

Cool Light Nearest: darkolivegreen 4

Color Harmonies

Complementary

#699243

#6C4392

Analogous

#919243

#439244

#699243

Triadic

#699243

#436992

#924369

Split Complementary

#699243

#444392

#924391

Tetradic

#699243

#439192

#6C4392

#924443

Color Blindness Simulation

Original

#699243

Protanopia

#7B7B56

Deuteranopia

#78755B

Tritanopia

#6B6569

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DBE9CE
300
#C1D9AB
400
#9FC47E
500
#7EAF50
600
#658C40
700
#507033
800
#3F5728
900
#304120
950
#1E2914

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.79:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026