#6FBC72

#6FBC72

Color Values

HEX

#6FBC72

RGB

111, 188, 114

HSL

122.3, 36.5%, 58.6%

HSV

122.3, 41.0%, 73.7%

CMYK

41.0%, 0.0%, 39.4%, 26.3%

OKLCH

0.7267 0.1301 144.9

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#6FBC72

#BC6FB9

Analogous

#92BC6F

#6FBC98

#6FBC72

Triadic

#6FBC72

#726FBC

#BC726F

Split Complementary

#6FBC72

#986FBC

#BC6F92

Tetradic

#6FBC72

#6F92BC

#BC6FB9

#BC986F

Color Blindness Simulation

Original

#6FBC72

Protanopia

#909184

Deuteranopia

#8C8688

Tritanopia

#739295

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F3E8
200
#CEE8CF
300
#ABD8AD
400
#7EC381
500
#51AE55
600
#418B44
700
#346F36
800
#28572A
900
#214022
950
#152915

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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