#078642

#078642

Color Values

HEX

#078642

RGB

7, 134, 66

HSL

147.9, 90.1%, 27.6%

HSV

147.9, 94.8%, 52.5%

CMYK

94.8%, 0.0%, 50.7%, 47.5%

OKLCH

0.5435 0.1427 151.5

Properties

Cool Dark Nearest: springgreen 4

Color Harmonies

Complementary

#078642

#86074B

Analogous

#0B8607

#078681

#078642

Triadic

#078642

#420786

#864207

Split Complementary

#078642

#810786

#86070B

Tetradic

#078642

#070B86

#86074B

#868107

Color Blindness Simulation

Original

#078642

Protanopia

#3E3F52

Deuteranopia

#372D56

Tritanopia

#0D5F62

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBEC
200
#BBFBD9
300
#8BF9BE
400
#4CF69B
500
#0DF277
600
#0AC260
700
#089B4C
800
#06793C
900
#09582E
950
#06371D

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026