#976250

#976250

Color Values

HEX

#976250

RGB

151, 98, 80

HSL

15.2, 30.7%, 45.3%

HSV

15.2, 47.0%, 59.2%

CMYK

0.0%, 35.1%, 47.0%, 40.8%

OKLCH

0.549 0.0747 39.5

Properties

Warm Dark Nearest: lightsalmon 4

Color Harmonies

Complementary

#976250

#508597

Analogous

#975062

#978550

#976250

Triadic

#976250

#509762

#625097

Split Complementary

#976250

#509785

#506297

Tetradic

#976250

#629750

#508597

#855097

Color Blindness Simulation

Original

#976250

Protanopia

#808054

Deuteranopia

#838755

Tritanopia

#945859

Achromatopsia

#6C6C6C

CSS Usage

background-color: #976250;
color: #976250;
border-color: #976250;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F6F5
100
#F2EBE8
200
#E6D6D0
300
#D5B9AF
400
#BE9284
500
#A76C58
600
#855747
700
#6B4539
800
#53362C
900
#3E2A23
950
#271A16

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026