#844301

#844301

Color Values

HEX

#844301

RGB

132, 67, 1

HSL

30.2, 98.5%, 26.1%

HSV

30.2, 99.2%, 51.8%

CMYK

0.0%, 49.2%, 99.2%, 48.2%

OKLCH

0.4558 0.1111 55.9

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#844301

#014284

Analogous

#840101

#848401

#844301

Triadic

#844301

#018443

#430184

Split Complementary

#844301

#018484

#010184

Tetradic

#844301

#018401

#014284

#840184

Color Blindness Simulation

Original

#844301

Protanopia

#686711

Deuteranopia

#6C7015

Tritanopia

#811E20

Achromatopsia

#4C4C4C

CSS Usage

background-color: #844301;
color: #844301;
border-color: #844301;
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.54:1

AA Pass AAA Pass

Text on black

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