#034D24

#034D24

Color Values

HEX

#034D24

RGB

3, 77, 36

HSL

146.8, 92.5%, 15.7%

HSV

146.8, 96.1%, 30.2%

CMYK

96.1%, 0.0%, 53.2%, 69.8%

OKLCH

0.3687 0.0956 151.8

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#034D24

#4D032C

Analogous

#074D03

#034D49

#034D24

Triadic

#034D24

#24034D

#4D2403

Split Complementary

#034D24

#49034D

#4D0307

Tetradic

#034D24

#03074D

#4D032C

#4D4903

Color Blindness Simulation

Original

#034D24

Protanopia

#23242E

Deuteranopia

#1F1930

Tritanopia

#073637

Achromatopsia

#3A3A3A

CSS Usage

background-color: #034D24;
color: #034D24;
border-color: #034D24;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BAFCD8
300
#89FABC
400
#49F897
500
#0AF573
600
#08C45C
700
#069D4A
800
#057B39
900
#08592C
950
#05381C

Contrast Checker

Text on white

10.04:1

AA Pass AAA Pass

Text on black

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