#965217

#965217

Color Values

HEX

#965217

RGB

150, 82, 23

HSL

27.9, 73.4%, 33.9%

HSV

27.9, 84.7%, 58.8%

CMYK

0.0%, 45.3%, 84.7%, 41.2%

OKLCH

0.51 0.1135 56.0

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#965217

#175B96

Analogous

#96171B

#969117

#965217

Triadic

#965217

#179652

#521796

Split Complementary

#965217

#179691

#171B96

Tetradic

#965217

#1B9617

#175B96

#911796

Color Blindness Simulation

Original

#965217

Protanopia

#797825

Deuteranopia

#7C8229

Tritanopia

#933133

Achromatopsia

#5C5C5C

CSS Usage

background-color: #965217;
color: #965217;
border-color: #965217;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F6D9C1
300
#EFBF95
400
#E69C5B
500
#DD7922
600
#B1611B
700
#8D4D16
800
#6F3C11
900
#502E10
950
#331D0A

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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