#697217

#697217

Color Values

HEX

#697217

RGB

105, 114, 23

HSL

65.9, 66.4%, 26.9%

HSV

65.9, 79.8%, 44.7%

CMYK

7.9%, 0.0%, 79.8%, 55.3%

OKLCH

0.5272 0.1103 115.3

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#697217

#201772

Analogous

#724E17

#3C7217

#697217

Triadic

#697217

#176972

#721769

Split Complementary

#697217

#173C72

#4E1772

Tetradic

#697217

#17724E

#201772

#72173C

Color Blindness Simulation

Original

#697217

Protanopia

#6D6D2D

Deuteranopia

#6C6C32

Tritanopia

#693E42

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF3C4
300
#E2EA99
400
#D3DF62
500
#C4D42B
600
#9CAA22
700
#7D881B
800
#626A15
900
#484D13
950
#2D310C

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026