#6FA28F

#6FA28F

Color Values

HEX

#6FA28F

RGB

111, 162, 143

HSL

157.6, 21.5%, 53.5%

HSV

157.6, 31.5%, 63.5%

CMYK

31.5%, 0.0%, 11.7%, 36.5%

OKLCH

0.6705 0.0615 169.2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#6FA28F

#A26F82

Analogous

#6FA275

#6F9BA2

#6FA28F

Triadic

#6FA28F

#8F6FA2

#A28F6F

Split Complementary

#6FA28F

#A26F9B

#A2756F

Tetradic

#6FA28F

#756FA2

#A26F82

#9BA26F

Color Blindness Simulation

Original

#6FA28F

Protanopia

#858694

Deuteranopia

#827E95

Tritanopia

#729798

Achromatopsia

#969696

CSS Usage

background-color: #6FA28F;
color: #6FA28F;
border-color: #6FA28F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CFC5
400
#8CB5A6
500
#649B86
600
#507C6C
700
#406356
800
#324D43
900
#273A33
950
#192520

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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