#697F52

#697F52

Color Values

HEX

#697F52

RGB

105, 127, 82

HSL

89.3, 21.5%, 41.0%

HSV

89.3, 35.4%, 49.8%

CMYK

17.3%, 0.0%, 35.4%, 50.2%

OKLCH

0.5669 0.0708 129.6

Properties

Cool Light Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#697F52

#68527F

Analogous

#7F7F52

#537F52

#697F52

Triadic

#697F52

#52697F

#7F5269

Split Complementary

#697F52

#52537F

#7F527F

Tetradic

#697F52

#527F7F

#68527F

#7F5253

Color Blindness Simulation

Original

#697F52

Protanopia

#73735D

Deuteranopia

#717060

Tritanopia

#6A6567

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF0EA
200
#DBE3D4
300
#C2CFB5
400
#A1B58C
500
#809B64
600
#677C50
700
#526340
800
#404D32
900
#313A27
950
#1F2519

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026