#5A720E

#5A720E

Color Values

HEX

#5A720E

RGB

90, 114, 14

HSL

74,4, 78,1%, 25,1%

HSV

74,4, 87,7%, 44,7%

CMYK

21,1%, 0,0%, 87,7%, 55,3%

OKLCH

0,5145 0,1212 123,4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#5A720E

#260E72

Analogous

#72580E

#28720E

#5A720E

Triadic

#5A720E

#0E5A72

#720E5A

Split Complementary

#5A720E

#0E2872

#580E72

Tetradic

#5A720E

#0E7258

#260E72

#720E28

Color Blindness Simulation

Original

#5A720E

Protanopia

#646526

Deuteranopia

#63612C

Tritanopia

#5B393E

Achromatopsia

#666666

CSS Usage

background-color: #5A720E;
color: #5A720E;
border-color: #5A720E;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FAFCF2
100
#F3F9E1
200
#EAF7BF
300
#DBF292
400
#C7EA57
500
#B3E31C
600
#8FB616
700
#739112
800
#5A720E
900
#42530E
950
#2A3409

Contrast Checker

Text on white

5,46:1

AA Pass AAA Fail

Text on black

3,85: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