#06C694

#06C694

Color Values

HEX

#06C694

RGB

6, 198, 148

HSL

164.4, 94.1%, 40.0%

HSV

164.4, 97.0%, 77.6%

CMYK

97.0%, 0.0%, 25.3%, 22.4%

OKLCH

0.7336 0.1503 166.6

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#06C694

#C60638

Analogous

#06C634

#0698C6

#06C694

Triadic

#06C694

#9406C6

#C69406

Split Complementary

#06C694

#C60698

#C63406

Tetradic

#06C694

#3406C6

#C60638

#98C606

Color Blindness Simulation

Original

#06C694

Protanopia

#595BA0

Deuteranopia

#4E40A3

Tritanopia

#10AAAC

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BAFDEB
300
#88FBDD
400
#48F9CB
500
#08F7B9
600
#06C694
700
#059E76
800
#047C5D
900
#075944
950
#05392B

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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