#99620C

#99620C

Color Values

HEX

#99620C

RGB

153, 98, 12

HSL

36.6, 85.5%, 32.4%

HSV

36.6, 92.2%, 60.0%

CMYK

0.0%, 35.9%, 92.2%, 40.0%

OKLCH

0.5435 0.1138 70.2

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#99620C

#0C4399

Analogous

#991C0C

#8A990C

#99620C

Triadic

#99620C

#0C9962

#620C99

Split Complementary

#99620C

#0C8A99

#1C0C99

Tetradic

#99620C

#0C991C

#0C4399

#990C8A

Color Blindness Simulation

Original

#99620C

Protanopia

#818121

Deuteranopia

#848826

Tritanopia

#963135

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE2BD
300
#F6CD8D
400
#F1B250
500
#ED9712
600
#BD790F
700
#97610C
800
#764C09
900
#56390B
950
#362407

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

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