#07B684

#07B684

Color Values

HEX

#07B684

RGB

7, 182, 132

HSL

162.9, 92.6%, 37.1%

HSV

162.9, 96.2%, 71.4%

CMYK

96.2%, 0.0%, 27.5%, 28.6%

OKLCH

0.6882 0.1439 164.9

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#07B684

#B60739

Analogous

#07B62D

#0791B6

#07B684

Triadic

#07B684

#8407B6

#B68407

Split Complementary

#07B684

#B60791

#B62D07

Tetradic

#07B684

#2D07B6

#B60739

#91B607

Color Blindness Simulation

Original

#07B684

Protanopia

#535490

Deuteranopia

#493C93

Tritanopia

#109A9C

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFCEA
300
#89FADA
400
#49F8C6
500
#09F6B2
600
#08C48F
700
#069D72
800
#057B59
900
#085942
950
#05382A

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.03:1

AA Pass AAA Pass

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