#68889C

#68889C

Color Values

HEX

#68889C

RGB

104, 136, 156

HSL

203.1, 20.8%, 51.0%

HSV

203.1, 33.3%, 61.2%

CMYK

33.3%, 12.8%, 0.0%, 38.8%

OKLCH

0.6097 0.0473 236.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#68889C

#9C7C68

Analogous

#689C96

#686E9C

#68889C

Triadic

#68889C

#9C6888

#889C68

Split Complementary

#68889C

#9C686E

#9C9668

Tetradic

#68889C

#96689C

#9C7C68

#6E9C68

Color Blindness Simulation

Original

#68889C

Protanopia

#767697

Deuteranopia

#747296

Tritanopia

#6A9392

Achromatopsia

#838383

CSS Usage

background-color: #68889C;
color: #68889C;
border-color: #68889C;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CF
400
#8DA5B4
500
#65869A
600
#516B7B
700
#415663
800
#32434D
900
#27333A
950
#192024

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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