#6F9682

#6F9682

Color Values

HEX

#6F9682

RGB

111, 150, 130

HSL

149.2, 15.7%, 51.2%

HSV

149.2, 26.0%, 58.8%

CMYK

26.0%, 0.0%, 13.3%, 41.2%

OKLCH

0.6383 0.0525 162.1

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#6F9682

#966F83

Analogous

#70966F

#6F9696

#6F9682

Triadic

#6F9682

#826F96

#96826F

Split Complementary

#6F9682

#966F96

#966F70

Tetradic

#6F9682

#6F7096

#966F83

#96966F

Color Blindness Simulation

Original

#6F9682

Protanopia

#808087

Deuteranopia

#7E7B88

Tritanopia

#718B8C

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DB
300
#B8CBC2
400
#92AFA0
500
#6B947F
600
#567666
700
#455E51
800
#364A3F
900
#2A3730
950
#1A231E

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.36:1

AA Pass AAA Fail

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