#06C688

#06C688

Color Values

HEX

#06C688

RGB

6, 198, 136

HSL

160.6, 94.1%, 40.0%

HSV

160.6, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 31.3%, 22.4%

OKLCH

0.7308 0.1599 161.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#06C688

#C60644

Analogous

#06C628

#06A4C6

#06C688

Triadic

#06C688

#8806C6

#C68806

Split Complementary

#06C688

#C606A4

#C62806

Tetradic

#06C688

#2806C6

#C60644

#A4C606

Color Blindness Simulation

Original

#06C688

Protanopia

#595B97

Deuteranopia

#4E409B

Tritanopia

#10A3A5

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF2
200
#BAFDE7
300
#88FBD6
400
#48F9C0
500
#08F7AA
600
#06C688
700
#059E6D
800
#047C55
900
#07593F
950
#053928

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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