#724501

#724501

Color Values

HEX

#724501

RGB

114, 69, 1

HSL

36.1, 98.3%, 22.5%

HSV

36.1, 99.1%, 44.7%

CMYK

0.0%, 39.5%, 99.1%, 55.3%

OKLCH

0.4333 0.0945 68.1

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#724501

#012E72

Analogous

#720C01

#667201

#724501

Triadic

#724501

#017245

#450172

Split Complementary

#724501

#016672

#0C0172

Tetradic

#724501

#01720C

#012E72

#720166

Color Blindness Simulation

Original

#724501

Protanopia

#5F5E11

Deuteranopia

#616415

Tritanopia

#701E21

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FEE2B8
300
#FECE86
400
#FDB444
500
#FD9902
600
#CA7A02
700
#A26201
800
#7E4C01
900
#5B3906
950
#3A2404

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026