#688386

#688386

Color Values

HEX

#688386

RGB

104, 131, 134

HSL

186.0, 12.6%, 46.7%

HSV

186.0, 22.4%, 52.5%

CMYK

22.4%, 2.2%, 0.0%, 47.5%

OKLCH

0.59 0.0313 204.7

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#688386

#866B68

Analogous

#68867A

#687486

#688386

Triadic

#688386

#866883

#838668

Split Complementary

#688386

#866874

#867A68

Tetradic

#688386

#7A6886

#866B68

#748668

Color Blindness Simulation

Original

#688386

Protanopia

#747485

Deuteranopia

#727085

Tritanopia

#698585

Achromatopsia

#7D7D7D

CSS Usage

background-color: #688386;
color: #688386;
border-color: #688386;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8CA
400
#95AAAD
500
#6F8C90
600
#597073
700
#475A5C
800
#384648
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

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