#695017

#695017

Color Values

HEX

#695017

RGB

105, 80, 23

HSL

41.7, 64.1%, 25.1%

HSV

41.7, 78.1%, 41.2%

CMYK

0.0%, 23.8%, 78.1%, 58.8%

OKLCH

0.4464 0.0797 84.1

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#695017

#173069

Analogous

#692717

#596917

#695017

Triadic

#695017

#176950

#501769

Split Complementary

#695017

#175969

#271769

Tetradic

#695017

#176927

#173069

#691759

Color Blindness Simulation

Original

#695017

Protanopia

#5E5E25

Deuteranopia

#606228

Tritanopia

#683032

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F7F1E3
200
#F2E4C4
300
#E9D19B
400
#DDB864
500
#D19F2E
600
#A77F25
700
#86661D
800
#695017
900
#4C3B14
950
#30250D

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

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