#6F8F97

#6F8F97

Color Values

HEX

#6F8F97

RGB

111, 143, 151

HSL

192.0, 16.1%, 51.4%

HSV

192.0, 26.5%, 59.2%

CMYK

26.5%, 5.3%, 0.0%, 40.8%

OKLCH

0.6286 0.0378 214.7

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#6F8F97

#97776F

Analogous

#6F978B

#6F7B97

#6F8F97

Triadic

#6F8F97

#976F8F

#8F976F

Split Complementary

#6F8F97

#976F7B

#978B6F

Tetradic

#6F8F97

#8B6F97

#97776F

#7B976F

Color Blindness Simulation

Original

#6F8F97

Protanopia

#7D7D95

Deuteranopia

#7B7995

Tritanopia

#719493

Achromatopsia

#898989

CSS Usage

background-color: #6F8F97;
color: #6F8F97;
border-color: #6F8F97;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6DFE1
300
#B8C8CC
400
#91AAB0
500
#6B8C94
600
#567076
700
#44595F
800
#35464A
900
#293537
950
#1A2123

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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