#697243

#697243

Color Values

HEX

#697243

RGB

105, 114, 67

HSL

71.5, 26.0%, 35.5%

HSV

71.5, 41.2%, 44.7%

CMYK

7.9%, 0.0%, 41.2%, 55.3%

OKLCH

0.5324 0.0687 117.7

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#697243

#4C4372

Analogous

#726443

#527243

#697243

Triadic

#697243

#436972

#724369

Split Complementary

#697243

#435272

#644372

Tetradic

#697243

#437264

#4C4372

#724352

Color Blindness Simulation

Original

#697243

Protanopia

#6D6D4E

Deuteranopia

#6C6C51

Tritanopia

#695759

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#F0F1E9
200
#E1E5D2
300
#CCD2B2
400
#B0B988
500
#94A15E
600
#76814B
700
#5F673C
800
#4A502F
900
#373C25
950
#232617

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026