#68899D

#68899D

Color Values

HEX

#68899D

RGB

104, 137, 157

HSL

202.6, 21.3%, 51.2%

HSV

202.6, 33.8%, 61.6%

CMYK

33.8%, 12.7%, 0.0%, 38.4%

OKLCH

0.6124 0.048 235.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#68899D

#9D7C68

Analogous

#689D97

#686F9D

#68899D

Triadic

#68899D

#9D6889

#899D68

Split Complementary

#68899D

#9D686F

#9D9768

Tetradic

#68899D

#97689D

#9D7C68

#6F9D68

Color Blindness Simulation

Original

#68899D

Protanopia

#767798

Deuteranopia

#747297

Tritanopia

#6A9494

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE3
300
#B5C5CF
400
#8DA6B5
500
#64869B
600
#506B7C
700
#405663
800
#32434D
900
#27333A
950
#192024

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026