#6C8CAD

#6C8CAD

Color Values

HEX

#6C8CAD

RGB

108, 140, 173

HSL

210.5, 28.4%, 55.1%

HSV

210.5, 37.6%, 67.8%

CMYK

37.6%, 19.1%, 0.0%, 32.2%

OKLCH

0.6283 0.0618 249.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6C8CAD

#AD8D6C

Analogous

#6CACAD

#6D6CAD

#6C8CAD

Triadic

#6C8CAD

#AD6C8C

#8CAD6C

Split Complementary

#6C8CAD

#AD6D6C

#ACAD6C

Tetradic

#6C8CAD

#AD6CAC

#AD8D6C

#6CAD6D

Color Blindness Simulation

Original

#6C8CAD

Protanopia

#7A7AA5

Deuteranopia

#7876A3

Tritanopia

#6E9F9D

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9EDF1
200
#D1DBE5
300
#B0C2D3
400
#86A0BB
500
#5B7FA4
600
#496683
700
#3A5169
800
#2E3F52
900
#24303D
950
#171E26

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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