#68879D

#68879D

Color Values

HEX

#68879D

RGB

104, 135, 157

HSL

204.9, 21.3%, 51.2%

HSV

204.9, 33.8%, 61.6%

CMYK

33.8%, 14.0%, 0.0%, 38.4%

OKLCH

0.6078 0.0486 239.5

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#68879D

#9D7E68

Analogous

#689D99

#686D9D

#68879D

Triadic

#68879D

#9D6887

#879D68

Split Complementary

#68879D

#9D686D

#9D9968

Tetradic

#68879D

#99689D

#9D7E68

#6D9D68

Color Blindness Simulation

Original

#68879D

Protanopia

#757698

Deuteranopia

#747196

Tritanopia

#6A9393

Achromatopsia

#828282

CSS Usage

background-color: #68879D;
color: #68879D;
border-color: #68879D;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C4CF
400
#8DA4B5
500
#64849B
600
#506A7C
700
#405563
800
#32424D
900
#27323A
950
#192024

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026