#06C684

#06C684

Color Values

HEX

#06C684

RGB

6, 198, 132

HSL

159.4, 94.1%, 40.0%

HSV

159.4, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 33.3%, 22.4%

OKLCH

0.7299 0.1633 160.4

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#06C684

#C60648

Analogous

#06C624

#06A8C6

#06C684

Triadic

#06C684

#8406C6

#C68406

Split Complementary

#06C684

#C606A8

#C62406

Tetradic

#06C684

#2406C6

#C60648

#A8C606

Color Blindness Simulation

Original

#06C684

Protanopia

#595B94

Deuteranopia

#4E4098

Tritanopia

#10A1A3

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF2
200
#BAFDE6
300
#88FBD4
400
#48F9BC
500
#08F7A5
600
#06C684
700
#059E6A
800
#047C53
900
#07593D
950
#053927

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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