#07B686

#07B686

Color Values

HEX

#07B686

RGB

7, 182, 134

HSL

163.5, 92.6%, 37.1%

HSV

163.5, 96.2%, 71.4%

CMYK

96.2%, 0.0%, 26.4%, 28.6%

OKLCH

0.6887 0.1423 165.8

Properties

Cool Light Nearest: Mountain Meadow

Color Harmonies

Complementary

#07B686

#B60737

Analogous

#07B62E

#078FB6

#07B686

Triadic

#07B686

#8607B6

#B68607

Split Complementary

#07B686

#B6078F

#B62E07

Tetradic

#07B686

#2E07B6

#B60737

#8FB607

Color Blindness Simulation

Original

#07B686

Protanopia

#535492

Deuteranopia

#493C94

Tritanopia

#109B9D

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFCEA
300
#89FADB
400
#49F8C8
500
#09F6B5
600
#08C491
700
#069D74
800
#057B5A
900
#085943
950
#05382A

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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