#845609

#845609

Color Values

HEX

#845609

RGB

132, 86, 9

HSL

37.6, 87.2%, 27.6%

HSV

37.6, 93.2%, 51.8%

CMYK

0.0%, 34.8%, 93.2%, 48.2%

OKLCH

0.4923 0.1019 72.2

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#845609

#093784

Analogous

#841909

#748409

#845609

Triadic

#845609

#098456

#560984

Split Complementary

#845609

#097484

#190984

Tetradic

#845609

#098419

#093784

#840974

Color Blindness Simulation

Original

#845609

Protanopia

#70701C

Deuteranopia

#737620

Tritanopia

#822A2E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FAF1E0
200
#FAE3BC
300
#F7CF8C
400
#F3B54E
500
#EF9C10
600
#BF7D0D
700
#99640A
800
#774E08
900
#563A0A
950
#372507

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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