#06C697

#06C697

Color Values

HEX

#06C697

RGB

6, 198, 151

HSL

165.3, 94.1%, 40.0%

HSV

165.3, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 23.7%, 22.4%

OKLCH

0.7344 0.148 168.0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#06C697

#C60635

Analogous

#06C637

#0695C6

#06C697

Triadic

#06C697

#9706C6

#C69706

Split Complementary

#06C697

#C60695

#C63706

Tetradic

#06C697

#3706C6

#C60635

#95C606

Color Blindness Simulation

Original

#06C697

Protanopia

#595BA2

Deuteranopia

#4E40A5

Tritanopia

#10ABAD

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEC
300
#88FBDF
400
#48F9CE
500
#08F7BD
600
#06C697
700
#059E79
800
#047C5E
900
#075945
950
#05392C

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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