#697E25

#697E25

Color Values

HEX

#697E25

RGB

105, 126, 37

HSL

74.2, 54.6%, 32.0%

HSV

74.2, 70.6%, 49.4%

CMYK

16.7%, 0.0%, 70.6%, 50.6%

OKLCH

0.5581 0.1161 121.8

Properties

Cool Light Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#697E25

#3A257E

Analogous

#7E6725

#3D7E25

#697E25

Triadic

#697E25

#25697E

#7E2569

Split Complementary

#697E25

#253D7E

#67257E

Tetradic

#697E25

#257E67

#3A257E

#7E253D

Color Blindness Simulation

Original

#697E25

Protanopia

#72723B

Deuteranopia

#716F40

Tritanopia

#6A4C4F

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E5
200
#E6EFC8
300
#D3E3A0
400
#BCD46D
500
#A4C53A
600
#839E2E
700
#697E25
800
#52631D
900
#3D4819
950
#272E10

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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