#697235

#697235

Color Values

HEX

#697235

RGB

105, 114, 53

HSL

68,9, 36,5%, 32,7%

HSV

68,9, 53,5%, 44,7%

CMYK

7,9%, 0,0%, 53,5%, 55,3%

OKLCH

0,5302 0,0852 116,3

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#697235

#3E3572

Analogous

#725C35

#4A7235

#697235

Triadic

#697235

#356972

#723569

Split Complementary

#697235

#354A72

#5C3572

Tetradic

#697235

#35725C

#3E3572

#72354A

Color Blindness Simulation

Original

#697235

Protanopia

#6D6D44

Deuteranopia

#6C6C47

Tritanopia

#694F52

Achromatopsia

#6C6C6C

CSS Usage

background-color: #697235;
color: #697235;
border-color: #697235;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9FAF5
100
#F1F3E8
200
#E4E8CE
300
#D2D8AB
400
#B9C37E
500
#A0AE51
600
#808B41
700
#676F34
800
#505728
900
#3C4021
950
#262915

Contrast Checker

Text on white

5,17:1

AA Pass AAA Fail

Text on black

4,06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026