#956530

#956530

Color Values

HEX

#956530

RGB

149, 101, 48

HSL

31.5, 51.3%, 38.6%

HSV

31.5, 67.8%, 58.4%

CMYK

0.0%, 32.2%, 67.8%, 41.6%

OKLCH

0.547 0.0926 66.3

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#956530

#306095

Analogous

#953230

#929530

#956530

Triadic

#956530

#309565

#653095

Split Complementary

#956530

#309295

#323095

Tetradic

#956530

#309532

#306095

#953092

Color Blindness Simulation

Original

#956530

Protanopia

#80803D

Deuteranopia

#838740

Tritanopia

#934749

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDCC9
300
#E1C3A2
400
#D1A370
500
#C1833E
600
#9A6932
700
#7B5428
800
#60411F
900
#47321A
950
#2D1F10

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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