#2A5403

#2A5403

Color Values

HEX

#2A5403

RGB

42, 84, 3

HSL

91.1, 93.1%, 17.1%

HSV

91.1, 96.4%, 32.9%

CMYK

50.0%, 0.0%, 96.4%, 67.1%

OKLCH

0.3995 0.1139 134.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#2A5403

#2D0354

Analogous

#535403

#035404

#2A5403

Triadic

#2A5403

#032A54

#54032A

Split Complementary

#2A5403

#040354

#540353

Tetradic

#2A5403

#035354

#2D0354

#540403

Color Blindness Simulation

Original

#2A5403

Protanopia

#3C3D17

Deuteranopia

#3A371B

Tritanopia

#2C2629

Achromatopsia

#454545

CSS Usage

background-color: #2A5403;
color: #2A5403;
border-color: #2A5403;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DAFDBA
300
#C0FB89
400
#9DF849
500
#7BF609
600
#63C507
700
#4F9E06
800
#3E7B04
900
#2F5908
950
#1E3805

Contrast Checker

Text on white

8.87:1

AA Pass AAA Pass

Text on black

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