#688C92

#688C92

Color Values

HEX

#688C92

RGB

104, 140, 146

HSL

188.6, 16.8%, 49.0%

HSV

188.6, 28.8%, 57.3%

CMYK

28.8%, 4.1%, 0.0%, 42.7%

OKLCH

0.6153 0.0411 208.8

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#688C92

#926E68

Analogous

#689283

#687792

#688C92

Triadic

#688C92

#92688C

#8C9268

Split Complementary

#688C92

#926877

#928368

Tetradic

#688C92

#836892

#926E68

#779268

Color Blindness Simulation

Original

#688C92

Protanopia

#787891

Deuteranopia

#767390

Tritanopia

#6A8F8F

Achromatopsia

#858585

CSS Usage

background-color: #688C92;
color: #688C92;
border-color: #688C92;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E0E1
300
#B8C9CC
400
#91ACB1
500
#6A8F95
600
#557277
700
#445B5F
800
#35474A
900
#293638
950
#1A2223

Contrast Checker

Text on white

3.65:1

AA Fail AAA Fail

Text on black

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