#955016

#955016

Color Values

HEX

#955016

RGB

149, 80, 22

HSL

27.4, 74.3%, 33.5%

HSV

27.4, 85.2%, 58.4%

CMYK

0.0%, 46.3%, 85.2%, 41.6%

OKLCH

0.505 0.1141 55.0

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#955016

#165B95

Analogous

#95161B

#958F16

#955016

Triadic

#955016

#169550

#501695

Split Complementary

#955016

#16958F

#161B95

Tetradic

#955016

#1B9516

#165B95

#8F1695

Color Blindness Simulation

Original

#955016

Protanopia

#777724

Deuteranopia

#7B8027

Tritanopia

#922F32

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE2
200
#F6D9C1
300
#EFBE94
400
#E79B5B
500
#DE7721
600
#B25F1A
700
#8E4C15
800
#6F3C10
900
#512E10
950
#331D0A

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

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