#06C682

#06C682

Color Values

HEX

#06C682

RGB

6, 198, 130

HSL

158.7, 94.1%, 40.0%

HSV

158.7, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 34.3%, 22.4%

OKLCH

0.7295 0.165 159.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#06C682

#C6064A

Analogous

#06C622

#06AAC6

#06C682

Triadic

#06C682

#8206C6

#C68206

Split Complementary

#06C682

#C606AA

#C62206

Tetradic

#06C682

#2206C6

#C6064A

#AAC606

Color Blindness Simulation

Original

#06C682

Protanopia

#595B92

Deuteranopia

#4E4096

Tritanopia

#109FA2

Achromatopsia

#989898

CSS Usage

background-color: #06C682;
color: #06C682;
border-color: #06C682;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BAFDE5
300
#88FBD3
400
#48F9BA
500
#08F7A2
600
#06C682
700
#059E68
800
#047C51
900
#07593C
950
#053926

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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