#06C696

#06C696

Color Values

HEX

#06C696

RGB

6, 198, 150

HSL

165.0, 94.1%, 40.0%

HSV

165.0, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 24.2%, 22.4%

OKLCH

0.7341 0.1488 167.5

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#06C696

#C60636

Analogous

#06C636

#0696C6

#06C696

Triadic

#06C696

#9606C6

#C69606

Split Complementary

#06C696

#C60696

#C63606

Tetradic

#06C696

#3606C6

#C60636

#96C606

Color Blindness Simulation

Original

#06C696

Protanopia

#595BA2

Deuteranopia

#4E40A4

Tritanopia

#10ABAD

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEC
300
#88FBDF
400
#48F9CD
500
#08F7BB
600
#06C696
700
#059E78
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

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026