#07C586

#07C586

Color Values

HEX

#07C586

RGB

7, 197, 134

HSL

160.1, 93.1%, 40.0%

HSV

160.1, 96.4%, 77.3%

CMYK

96.4%, 0.0%, 32.0%, 22.7%

OKLCH

0.7278 0.1603 161.3

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#07C586

#C50746

Analogous

#07C527

#07A5C5

#07C586

Triadic

#07C586

#8607C5

#C58607

Split Complementary

#07C586

#C507A5

#C52707

Tetradic

#07C586

#2707C5

#C50746

#A5C507

Color Blindness Simulation

Original

#07C586

Protanopia

#595B95

Deuteranopia

#4E4099

Tritanopia

#10A1A4

Achromatopsia

#989898

CSS Usage

background-color: #07C586;
color: #07C586;
border-color: #07C586;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FDF9
100
#DFFBF2
200
#BAFDE6
300
#89FBD5
400
#49F8BE
500
#09F6A7
600
#07C586
700
#069E6B
800
#047B54
900
#08593E
950
#053827

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.34:1

AA Pass AAA Pass

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