#07B685

#07B685

Color Values

HEX

#07B685

RGB

7, 182, 133

HSL

163.2, 92.6%, 37.1%

HSV

163.2, 96.2%, 71.4%

CMYK

96.2%, 0.0%, 26.9%, 28.6%

OKLCH

0.6884 0.1431 165.3

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#07B685

#B60738

Analogous

#07B62E

#0790B6

#07B685

Triadic

#07B685

#8507B6

#B68507

Split Complementary

#07B685

#B60790

#B62E07

Tetradic

#07B685

#2E07B6

#B60738

#90B607

Color Blindness Simulation

Original

#07B685

Protanopia

#535491

Deuteranopia

#493C94

Tritanopia

#109A9C

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFCEA
300
#89FADB
400
#49F8C7
500
#09F6B3
600
#08C490
700
#069D73
800
#057B5A
900
#085942
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