#6F9684

#6F9684

Color Values

HEX

#6F9684

RGB

111, 150, 132

HSL

152.3, 15.7%, 51.2%

HSV

152.3, 26.0%, 58.8%

CMYK

26.0%, 0.0%, 12.0%, 41.2%

OKLCH

0.6389 0.0509 164.8

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#6F9684

#966F81

Analogous

#6F9671

#6F9596

#6F9684

Triadic

#6F9684

#846F96

#96846F

Split Complementary

#6F9684

#966F95

#96716F

Tetradic

#6F9684

#716F96

#966F81

#95966F

Color Blindness Simulation

Original

#6F9684

Protanopia

#808088

Deuteranopia

#7E7B89

Tritanopia

#718C8D

Achromatopsia

#8C8C8C

CSS Usage

background-color: #6F9684;
color: #6F9684;
border-color: #6F9684;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DC
300
#B8CBC3
400
#92AFA2
500
#6B9481
600
#567667
700
#455E53
800
#364A41
900
#2A3731
950
#1A231F

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026