#697543

#697543

Color Values

HEX

#697543

RGB

105, 117, 67

HSL

74.4, 27.2%, 36.1%

HSV

74.4, 42.7%, 45.9%

CMYK

10.3%, 0.0%, 42.7%, 54.1%

OKLCH

0.5397 0.0733 119.9

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#697543

#4F4375

Analogous

#756843

#507543

#697543

Triadic

#697543

#436975

#754369

Split Complementary

#697543

#435075

#684375

Tetradic

#697543

#437568

#4F4375

#754350

Color Blindness Simulation

Original

#697543

Protanopia

#6E6E4F

Deuteranopia

#6E6D52

Tritanopia

#6A595B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #697543;
color: #697543;
border-color: #697543;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E5D2
300
#CAD2B1
400
#AEBA87
500
#92A25D
600
#74824A
700
#5D683B
800
#49512E
900
#373C25
950
#222617

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail 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