#965220

#965220

Color Values

HEX

#965220

RGB

150, 82, 32

HSL

25.4, 64.8%, 35.7%

HSV

25.4, 78.7%, 58.8%

CMYK

0.0%, 45.3%, 78.7%, 41.2%

OKLCH

0.5107 0.11 53.2

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#965220

#206496

Analogous

#962029

#968D20

#965220

Triadic

#965220

#209652

#522096

Split Complementary

#965220

#20968D

#202996

Tetradic

#965220

#299620

#206496

#8D2096

Color Blindness Simulation

Original

#965220

Protanopia

#79782C

Deuteranopia

#7C822F

Tritanopia

#933638

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F2D8C4
300
#E9BC9A
400
#DE9764
500
#D2732D
600
#A85C24
700
#86491D
800
#693916
900
#4D2C14
950
#301C0D

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026