#696926

#696926

Color Values

HEX

#696926

RGB

105, 105, 38

HSL

60.0, 46.9%, 28.0%

HSV

60.0, 63.8%, 41.2%

CMYK

0.0%, 0.0%, 63.8%, 58.8%

OKLCH

0.5065 0.0886 109.2

Properties

Warm Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#696926

#262669

Analogous

#694726

#476926

#696926

Triadic

#696926

#266969

#692669

Split Complementary

#696926

#264769

#472669

Tetradic

#696926

#266947

#262669

#692647

Color Blindness Simulation

Original

#696926

Protanopia

#696936

Deuteranopia

#69693A

Tritanopia

#694346

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECECCB
300
#DFDFA5
400
#CDCD74
500
#BBBB44
600
#969636
700
#78782B
800
#5E5E22
900
#45451C
950
#2C2C12

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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