#06A969

#06A969

Color Values

HEX

#06A969

RGB

6, 169, 105

HSL

156.4, 93.1%, 34.3%

HSV

156.4, 96.4%, 66.3%

CMYK

96.4%, 0.0%, 37.9%, 33.7%

OKLCH

0.6475 0.1513 157.7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#06A969

#A90646

Analogous

#06A917

#0698A9

#06A969

Triadic

#06A969

#6906A9

#A96906

Split Complementary

#06A969

#A90698

#A91706

Tetradic

#06A969

#1706A9

#A90646

#98A906

Color Blindness Simulation

Original

#06A969

Protanopia

#4D4E78

Deuteranopia

#43377C

Tritanopia

#0E8587

Achromatopsia

#828282

CSS Usage

background-color: #06A969;
color: #06A969;
border-color: #06A969;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFDE2
300
#89FBCE
400
#49F8B3
500
#09F699
600
#07C57A
700
#069E62
800
#047B4C
900
#085939
950
#053824

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026