#695328

#695328

Color Values

HEX

#695328

RGB

105, 83, 40

HSL

39.7, 44.8%, 28.4%

HSV

39.7, 61.9%, 41.2%

CMYK

0.0%, 21.0%, 61.9%, 58.8%

OKLCH

0.4551 0.0667 82.4

Properties

Warm Dark Nearest: RAL 8008 Olive Brown

Color Harmonies

Complementary

#695328

#283E69

Analogous

#693228

#5E6928

#695328

Triadic

#695328

#286953

#532869

Split Complementary

#695328

#285E69

#322869

Tetradic

#695328

#286932

#283E69

#69285E

Color Blindness Simulation

Original

#695328

Protanopia

#5F5F32

Deuteranopia

#616235

Tritanopia

#683B3C

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBE0CB
300
#DDCBA6
400
#CBAE76
500
#B99246
600
#947538
700
#765D2D
800
#5C4923
900
#44371D
950
#2B2312

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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