#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