#06B16F

#06B16F

Color Values

HEX

#06B16F

RGB

6, 177, 111

HSL

156.8, 93.4%, 35.9%

HSV

156.8, 96.6%, 69.4%

CMYK

96.6%, 0.0%, 37.3%, 30.6%

OKLCH

0.6701 0.1559 157.9

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#06B16F

#B10648

Analogous

#06B119

#069EB1

#06B16F

Triadic

#06B16F

#6F06B1

#B16F06

Split Complementary

#06B16F

#B1069E

#B11906

Tetradic

#06B16F

#1906B1

#B10648

#9EB106

Color Blindness Simulation

Original

#06B16F

Protanopia

#50527F

Deuteranopia

#463983

Tritanopia

#0F8C8E

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BAFDE3
300
#89FBCF
400
#49F9B5
500
#08F79A
600
#07C57C
700
#059E63
800
#047B4D
900
#08593A
950
#053824

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026