#9D882F

#9D882F

Color Values

HEX

#9D882F

RGB

157, 136, 47

HSL

48.5, 53.9%, 40.0%

HSV

48.5, 70.1%, 61.6%

CMYK

0.0%, 13.4%, 70.1%, 38.4%

OKLCH

0.6291 0.1096 95.7

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#9D882F

#2F449D

Analogous

#9D512F

#7B9D2F

#9D882F

Triadic

#9D882F

#2F9D88

#882F9D

Split Complementary

#9D882F

#2F7B9D

#512F9D

Tetradic

#9D882F

#2F9D51

#2F449D

#9D2F7B

Color Blindness Simulation

Original

#9D882F

Protanopia

#949445

Deuteranopia

#95974A

Tritanopia

#9C5659

Achromatopsia

#868686

CSS Usage

background-color: #9D882F;
color: #9D882F;
border-color: #9D882F;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBFAF4
100
#F5F2E5
200
#EFE7C8
300
#E3D6A1
400
#D4C06E
500
#C4AA3B
600
#9D882F
700
#7E6D26
800
#62551D
900
#483F19
950
#2D2810

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.0:1

AA Pass 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