#986109

#986109

Color Values

HEX

#986109

RGB

152, 97, 9

HSL

36.9, 88.8%, 31.6%

HSV

36.9, 94.1%, 59.6%

CMYK

0.0%, 36.2%, 94.1%, 40.4%

OKLCH

0.5401 0.114 70.2

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#986109

#094098

Analogous

#981909

#889809

#986109

Triadic

#986109

#099861

#610998

Split Complementary

#986109

#098898

#190998

Tetradic

#986109

#099819

#094098

#980988

Color Blindness Simulation

Original

#986109

Protanopia

#80801E

Deuteranopia

#838823

Tritanopia

#952F33

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE3BC
300
#F8CE8B
400
#F4B44D
500
#F19A0E
600
#C17B0B
700
#9A6209
800
#784D07
900
#57390A
950
#372406

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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