#06C690

#06C690

Color Values

HEX

#06C690

RGB

6, 198, 144

HSL

163.1, 94.1%, 40.0%

HSV

163.1, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 27.3%, 22.4%

OKLCH

0.7327 0.1534 165.0

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#06C690

#C6063C

Analogous

#06C630

#069CC6

#06C690

Triadic

#06C690

#9006C6

#C69006

Split Complementary

#06C690

#C6069C

#C63006

Tetradic

#06C690

#3006C6

#C6063C

#9CC606

Color Blindness Simulation

Original

#06C690

Protanopia

#595B9D

Deuteranopia

#4E40A0

Tritanopia

#10A7AA

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF3
200
#BAFDEA
300
#88FBDB
400
#48F9C7
500
#08F7B4
600
#06C690
700
#059E73
800
#047C5A
900
#075942
950
#05392A

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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