#956331

#956331

Color Values

HEX

#956331

RGB

149, 99, 49

HSL

30.0, 50.5%, 38.8%

HSV

30.0, 67.1%, 58.4%

CMYK

0.0%, 33.6%, 67.1%, 41.6%

OKLCH

0.5432 0.0923 63.6

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#956331

#316395

Analogous

#953131

#959531

#956331

Triadic

#956331

#319563

#633195

Split Complementary

#956331

#319595

#313195

Tetradic

#956331

#319531

#316395

#953195

Color Blindness Simulation

Original

#956331

Protanopia

#7F7F3D

Deuteranopia

#828640

Tritanopia

#924749

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F5EDE5
200
#EDDBC9
300
#E1C2A3
400
#D0A171
500
#C0803F
600
#9A6632
700
#7B5228
800
#604020
900
#46301A
950
#2D1F11

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

4.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026