#6B899D

#6B899D

Color Values

HEX

#6B899D

RGB

107, 137, 157

HSL

204.0, 20.3%, 51.8%

HSV

204.0, 31.8%, 61.6%

CMYK

31.8%, 12.7%, 0.0%, 38.4%

OKLCH

0.6144 0.0456 237.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6B899D

#9D7F6B

Analogous

#6B9D98

#6B709D

#6B899D

Triadic

#6B899D

#9D6B89

#899D6B

Split Complementary

#6B899D

#9D6B70

#9D986B

Tetradic

#6B899D

#986B9D

#9D7F6B

#709D6B

Color Blindness Simulation

Original

#6B899D

Protanopia

#787898

Deuteranopia

#767497

Tritanopia

#6C9494

Achromatopsia

#848484

CSS Usage

background-color: #6B899D;
color: #6B899D;
border-color: #6B899D;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C4CE
400
#8DA4B4
500
#668599
600
#516A7B
700
#415562
800
#33424D
900
#283239
950
#192024

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.69:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026