#076B03

#076B03

Color Values

HEX

#076B03

RGB

7, 107, 3

HSL

117.7, 94.5%, 21.6%

HSV

117.7, 97.2%, 42.0%

CMYK

93.5%, 0.0%, 97.2%, 58.0%

OKLCH

0.4583 0.1533 142.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#076B03

#67036B

Analogous

#3B6B03

#036B33

#076B03

Triadic

#076B03

#03076B

#6B0307

Split Complementary

#076B03

#33036B

#6B033B

Tetradic

#076B03

#033B6B

#67036B

#6B3303

Color Blindness Simulation

Original

#076B03

Protanopia

#32331C

Deuteranopia

#2C2522

Tritanopia

#0C3034

Achromatopsia

#4E4E4E

CSS Usage

background-color: #076B03;
color: #076B03;
border-color: #076B03;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFDBA
300
#8CFC88
400
#4EFA47
500
#10F807
600
#0DC606
700
#0A9F04
800
#087C04
900
#0A5A07
950
#073905

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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