#695016

#695016

Color Values

HEX

#695016

RGB

105, 80, 22

HSL

41.9, 65.4%, 24.9%

HSV

41.9, 79.0%, 41.2%

CMYK

0.0%, 23.8%, 79.0%, 58.8%

OKLCH

0.4463 0.0803 84.3

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#695016

#162F69

Analogous

#692616

#596916

#695016

Triadic

#695016

#166950

#501669

Split Complementary

#695016

#165969

#261669

Tetradic

#695016

#166926

#162F69

#691659

Color Blindness Simulation

Original

#695016

Protanopia

#5E5E24

Deuteranopia

#606227

Tritanopia

#682F32

Achromatopsia

#515151

CSS Usage

background-color: #695016;
color: #695016;
border-color: #695016;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF9F3
100
#F7F1E3
200
#F3E5C4
300
#EAD29A
400
#DEB963
500
#D3A12C
600
#A98023
700
#87671C
800
#695016
900
#4D3C14
950
#31260D

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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