#824201

#824201

Color Values

HEX

#824201

RGB

130, 66, 1

HSL

30.2, 98.5%, 25.7%

HSV

30.2, 99.2%, 51.0%

CMYK

0.0%, 49.2%, 99.2%, 49.0%

OKLCH

0.451 0.1098 56.0

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#824201

#014182

Analogous

#820101

#828201

#824201

Triadic

#824201

#018242

#420182

Split Complementary

#824201

#018282

#010182

Tetradic

#824201

#018201

#014182

#820182

Color Blindness Simulation

Original

#824201

Protanopia

#666611

Deuteranopia

#6A6F14

Tritanopia

#7F1D20

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDCB8
300
#FEC286
400
#FEA144
500
#FD8002
600
#CA6702
700
#A25201
800
#7F4001
900
#5B3105
950
#3A1F03

Contrast Checker

Text on white

7.7:1

AA Pass AAA Pass

Text on black

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