#945217

#945217

Color Values

HEX

#945217

RGB

148, 82, 23

HSL

28.3, 73.1%, 33.5%

HSV

28.3, 84.5%, 58.0%

CMYK

0.0%, 44.6%, 84.5%, 42.0%

OKLCH

0.5072 0.1116 56.8

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#945217

#175994

Analogous

#94171B

#949017

#945217

Triadic

#945217

#179452

#521794

Split Complementary

#945217

#179490

#171B94

Tetradic

#945217

#1B9417

#175994

#901794

Color Blindness Simulation

Original

#945217

Protanopia

#777725

Deuteranopia

#7B8029

Tritanopia

#913133

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DAC1
300
#EFBF95
400
#E69D5C
500
#DD7A22
600
#B1621B
700
#8D4E16
800
#6E3D11
900
#502F11
950
#331D0A

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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