#697B05

#697B05

Color Values

HEX

#697B05

RGB

105, 123, 5

HSL

69.2, 92.2%, 25.1%

HSV

69.2, 95.9%, 48.2%

CMYK

14.6%, 0.0%, 95.9%, 51.8%

OKLCH

0.5489 0.128 119.5

Properties

Cool Dark Nearest: olivedrab 4

Color Harmonies

Complementary

#697B05

#17057B

Analogous

#7B5205

#2E7B05

#697B05

Triadic

#697B05

#05697B

#7B0569

Split Complementary

#697B05

#052E7B

#52057B

Tetradic

#697B05

#057B52

#17057B

#7B052E

Color Blindness Simulation

Original

#697B05

Protanopia

#717122

Deuteranopia

#706E28

Tritanopia

#6A383D

Achromatopsia

#6F6F6F

CSS Usage

background-color: #697B05;
color: #697B05;
border-color: #697B05;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FCFDF1
100
#F7FBDF
200
#F2FCBA
300
#E9FA89
400
#DDF84A
500
#D1F50A
600
#A7C408
700
#869D06
800
#697B05
900
#4C5908
950
#303805

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026