#965415

#965415

Color Values

HEX

#965415

RGB

150, 84, 21

HSL

29.3, 75.4%, 33.5%

HSV

29.3, 86.0%, 58.8%

CMYK

0.0%, 44.0%, 86.0%, 41.2%

OKLCH

0.5135 0.1132 58.1

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#965415

#155796

Analogous

#961517

#969415

#965415

Triadic

#965415

#159654

#541596

Split Complementary

#965415

#159694

#151796

Tetradic

#965415

#179615

#155796

#941596

Color Blindness Simulation

Original

#965415

Protanopia

#797924

Deuteranopia

#7D8228

Tritanopia

#933033

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE2
200
#F6DBC0
300
#F0C194
400
#E89F5A
500
#E07D1F
600
#B36419
700
#8F5014
800
#703F10
900
#513010
950
#331E0A

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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