#6F9486

#6F9486

Color Values

HEX

#6F9486

RGB

111, 148, 134

HSL

157.3, 14.7%, 50.8%

HSV

157.3, 25.0%, 58.0%

CMYK

25.0%, 0.0%, 9.5%, 42.0%

OKLCH

0.6347 0.0461 169.6

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#6F9486

#946F7D

Analogous

#6F9474

#6F8F94

#6F9486

Triadic

#6F9486

#866F94

#94866F

Split Complementary

#6F9486

#946F8F

#94746F

Tetradic

#6F9486

#746F94

#946F7D

#8F946F

Color Blindness Simulation

Original

#6F9486

Protanopia

#7F7F89

Deuteranopia

#7D7A8A

Tritanopia

#718C8D

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E1DD
300
#B9CBC4
400
#93AFA4
500
#6D9284
600
#57756A
700
#465E55
800
#364942
900
#2A3732
950
#1B2320

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.26:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026