#965320

#965320

Color Values

HEX

#965320

RGB

150, 83, 32

HSL

25.9, 64.8%, 35.7%

HSV

25.9, 78.7%, 58.8%

CMYK

0.0%, 44.7%, 78.7%, 41.2%

OKLCH

0.5125 0.1094 54.1

Properties

Warm Dark Nearest: RAL 8023 Orange Brown

Color Harmonies

Complementary

#965320

#206396

Analogous

#962028

#968E20

#965320

Triadic

#965320

#209653

#532096

Split Complementary

#965320

#20968E

#202896

Tetradic

#965320

#289620

#206396

#8E2096

Color Blindness Simulation

Original

#965320

Protanopia

#79782C

Deuteranopia

#7D822F

Tritanopia

#933638

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F2D8C4
300
#E9BC9A
400
#DE9864
500
#D2742D
600
#A85D24
700
#864A1D
800
#693A16
900
#4D2D14
950
#301C0D

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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