#06C67C

#06C67C

Color Values

HEX

#06C67C

RGB

6, 198, 124

HSL

156.9, 94.1%, 40.0%

HSV

156.9, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 37.4%, 22.4%

OKLCH

0.7282 0.1703 157.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#06C67C

#C60650

Analogous

#06C61C

#06B0C6

#06C67C

Triadic

#06C67C

#7C06C6

#C67C06

Split Complementary

#06C67C

#C606B0

#C61C06

Tetradic

#06C67C

#1C06C6

#C60650

#B0C606

Color Blindness Simulation

Original

#06C67C

Protanopia

#595B8E

Deuteranopia

#4E4092

Tritanopia

#109C9F

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFDE3
300
#88FBCF
400
#48F9B5
500
#08F79B
600
#06C67C
700
#059E63
800
#047C4E
900
#07593A
950
#053925

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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