#06A164

#06A164

Color Values

HEX

#06A164

RGB

6, 161, 100

HSL

156.4, 92.8%, 32.7%

HSV

156.4, 96.3%, 63.1%

CMYK

96.3%, 0.0%, 37.9%, 36.9%

OKLCH

0.6248 0.1457 157.7

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#06A164

#A10643

Analogous

#06A117

#0690A1

#06A164

Triadic

#06A164

#6406A1

#A16406

Split Complementary

#06A164

#A10690

#A11706

Tetradic

#06A164

#1706A1

#A10643

#90A106

Color Blindness Simulation

Original

#06A164

Protanopia

#494A73

Deuteranopia

#403476

Tritanopia

#0E7E81

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026