#6FB16D

#6FB16D

Color Values

HEX

#6FB16D

RGB

111, 177, 109

HSL

118.2, 30.4%, 56.1%

HSV

118.2, 38.4%, 69.4%

CMYK

37.3%, 0.0%, 38.4%, 30.6%

OKLCH

0.6988 0.1184 143.5

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6FB16D

#AF6DB1

Analogous

#91B16D

#6DB18D

#6FB16D

Triadic

#6FB16D

#6D6FB1

#B16D6F

Split Complementary

#6FB16D

#8D6DB1

#B16D91

Tetradic

#6FB16D

#6D91B1

#AF6DB1

#B18D6D

Color Blindness Simulation

Original

#6FB16D

Protanopia

#8C8C7D

Deuteranopia

#888381

Tritanopia

#728A8D

Achromatopsia

#9E9E9E

CSS Usage

background-color: #6FB16D;
color: #6FB16D;
border-color: #6FB16D;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5F9F5
100
#E9F2E9
200
#D1E6D0
300
#B0D4AF
400
#86BD84
500
#5BA659
600
#498547
700
#3A6A39
800
#2E532C
900
#243E23
950
#172716

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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