#078042

#078042

Color Values

HEX

#078042

RGB

7, 128, 66

HSL

149.3, 89.6%, 26.5%

HSV

149.3, 94.5%, 50.2%

CMYK

94.5%, 0.0%, 48.4%, 49.8%

OKLCH

0.5265 0.1348 152.5

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#078042

#800745

Analogous

#088007

#07807F

#078042

Triadic

#078042

#420780

#804207

Split Complementary

#078042

#7F0780

#800708

Tetradic

#078042

#070880

#800745

#807F07

Color Blindness Simulation

Original

#078042

Protanopia

#3B3C51

Deuteranopia

#342B55

Tritanopia

#0D5D5F

Achromatopsia

#626262

CSS Usage

background-color: #078042;
color: #078042;
border-color: #078042;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BBFBDB
300
#8BF9C1
400
#4CF59F
500
#0DF27D
600
#0BC164
700
#089B50
800
#07793E
900
#095830
950
#06371E

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

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