#076A33

#076A33

Color Values

HEX

#076A33

RGB

7, 106, 51

HSL

146.7, 87.6%, 22.2%

HSV

146.7, 93.4%, 41.6%

CMYK

93.4%, 0.0%, 51.9%, 58.4%

OKLCH

0.46 0.12 151.3

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#076A33

#6A073E

Analogous

#0C6A07

#076A65

#076A33

Triadic

#076A33

#33076A

#6A3307

Split Complementary

#076A33

#65076A

#6A070C

Tetradic

#076A33

#070C6A

#6A073E

#6A6507

Color Blindness Simulation

Original

#076A33

Protanopia

#323340

Deuteranopia

#2C2544

Tritanopia

#0C4B4D

Achromatopsia

#515151

CSS Usage

background-color: #076A33;
color: #076A33;
border-color: #076A33;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BCFBD8
300
#8CF7BC
400
#4EF398
500
#10EF73
600
#0DBF5C
700
#0A994A
800
#08783A
900
#0A572C
950
#06371C

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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