#2A5702

#2A5702

Color Values

HEX

#2A5702

RGB

42, 87, 2

HSL

91.8, 95.5%, 17.5%

HSV

91.8, 97.7%, 34.1%

CMYK

51.7%, 0.0%, 97.7%, 65.9%

OKLCH

0.4083 0.1183 135.2

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#2A5702

#2F0257

Analogous

#555702

#025705

#2A5702

Triadic

#2A5702

#022A57

#57022A

Split Complementary

#2A5702

#050257

#570255

Tetradic

#2A5702

#025557

#2F0257

#570502

Color Blindness Simulation

Original

#2A5702

Protanopia

#3D3E17

Deuteranopia

#3B381B

Tritanopia

#2C272A

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#ECFCDF
200
#D9FDB9
300
#BEFC87
400
#9BFB47
500
#78F906
600
#60C705
700
#4DA004
800
#3C7D03
900
#2E5A07
950
#1D3904

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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