#2A5435

#2A5435

Color Values

HEX

#2A5435

RGB

42, 84, 53

HSL

135.7, 33.3%, 24.7%

HSV

135.7, 50.0%, 32.9%

CMYK

50.0%, 0.0%, 36.9%, 67.1%

OKLCH

0.406 0.0704 150.7

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#2A5435

#542A49

Analogous

#34542A

#2A544A

#2A5435

Triadic

#2A5435

#352A54

#54352A

Split Complementary

#2A5435

#4A2A54

#542A34

Tetradic

#2A5435

#2A3454

#542A49

#544A2A

Color Blindness Simulation

Original

#2A5435

Protanopia

#3C3D3C

Deuteranopia

#3A373E

Tritanopia

#2C4244

Achromatopsia

#494949

CSS Usage

background-color: #2A5435;
color: #2A5435;
border-color: #2A5435;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5FAF6
100
#E8F2EB
200
#CFE7D6
300
#ADD6B8
400
#81C092
500
#55AA6B
600
#448856
700
#366D45
800
#2B5536
900
#223F2A
950
#15281A

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

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