#6FBC8C

#6FBC8C

Color Values

HEX

#6FBC8C

RGB

111, 188, 140

HSL

142.6, 36.5%, 58.6%

HSV

142.6, 41.0%, 73.7%

CMYK

41.0%, 0.0%, 25.5%, 26.3%

OKLCH

0.7321 0.1042 155.4

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#6FBC8C

#BC6F9F

Analogous

#78BC6F

#6FBCB2

#6FBC8C

Triadic

#6FBC8C

#8C6FBC

#BC8C6F

Split Complementary

#6FBC8C

#B26FBC

#BC6F78

Tetradic

#6FBC8C

#6F78BC

#BC6F9F

#BCB26F

Color Blindness Simulation

Original

#6FBC8C

Protanopia

#909198

Deuteranopia

#8C869A

Tritanopia

#73A1A3

Achromatopsia

#A8A8A8

CSS Usage

background-color: #6FBC8C;
color: #6FBC8C;
border-color: #6FBC8C;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CEE8D8
300
#ABD8BC
400
#7EC398
500
#51AE74
600
#418B5D
700
#346F4A
800
#28573A
900
#21402D
950
#15291C

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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