#6D8394

#6D8394

Color Values

HEX

#6D8394

RGB

109, 131, 148

HSL

206.2, 15.4%, 50.4%

HSV

206.2, 26.4%, 58.0%

CMYK

26.4%, 11.5%, 0.0%, 42.0%

OKLCH

0.5986 0.0364 241.5

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#6D8394

#947E6D

Analogous

#6D9492

#6D7094

#6D8394

Triadic

#6D8394

#946D83

#83946D

Split Complementary

#6D8394

#946D70

#94926D

Tetradic

#6D8394

#926D94

#947E6D

#70946D

Color Blindness Simulation

Original

#6D8394

Protanopia

#777790

Deuteranopia

#75748F

Tritanopia

#6E8D8C

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DCE1
300
#B8C3CB
400
#92A2AF
500
#6C8293
600
#566876
700
#45535E
800
#36414A
900
#2A3137
950
#1A1F23

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.32:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026