#07C596

#07C596

Color Values

HEX

#07C596

RGB

7, 197, 150

HSL

165.2, 93.1%, 40.0%

HSV

165.2, 96.4%, 77.3%

CMYK

96.4%, 0.0%, 23.9%, 22.7%

OKLCH

0.7316 0.1475 167.9

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#07C596

#C50736

Analogous

#07C537

#0795C5

#07C596

Triadic

#07C596

#9607C5

#C59607

Split Complementary

#07C596

#C50795

#C53707

Tetradic

#07C596

#3707C5

#C50736

#95C507

Color Blindness Simulation

Original

#07C596

Protanopia

#595BA1

Deuteranopia

#4E40A4

Tritanopia

#10AAAC

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEC
300
#89FBDF
400
#49F8CD
500
#09F6BC
600
#07C596
700
#069E78
800
#047B5E
900
#085945
950
#05382C

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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