#955217

#955217

Color Values

HEX

#955217

RGB

149, 82, 23

HSL

28.1, 73.3%, 33.7%

HSV

28.1, 84.6%, 58.4%

CMYK

0.0%, 45.0%, 84.6%, 41.6%

OKLCH

0.5086 0.1126 56.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#955217

#175A95

Analogous

#95171B

#959117

#955217

Triadic

#955217

#179552

#521795

Split Complementary

#955217

#179591

#171B95

Tetradic

#955217

#1B9517

#175A95

#911795

Color Blindness Simulation

Original

#955217

Protanopia

#787725

Deuteranopia

#7C8129

Tritanopia

#923133

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F5DAC1
300
#EFBF95
400
#E69C5B
500
#DD7A22
600
#B1611B
700
#8D4E16
800
#6E3D11
900
#502E10
950
#331D0A

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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