#689DAA

#689DAA

Color Values

HEX

#689DAA

RGB

104, 157, 170

HSL

191.8, 28.0%, 53.7%

HSV

191.8, 38.8%, 66.7%

CMYK

38.8%, 7.6%, 0.0%, 33.3%

OKLCH

0.6636 0.0592 214.8

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#689DAA

#AA7568

Analogous

#68AA96

#687CAA

#689DAA

Triadic

#689DAA

#AA689D

#9DAA68

Split Complementary

#689DAA

#AA687C

#AA9668

Tetradic

#689DAA

#9668AA

#AA7568

#7CAA68

Color Blindness Simulation

Original

#689DAA

Protanopia

#7F7FA7

Deuteranopia

#7C78A6

Tritanopia

#6BA4A4

Achromatopsia

#939393

CSS Usage

background-color: #689DAA;
color: #689DAA;
border-color: #689DAA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#E9F0F1
200
#D1E1E5
300
#B1CCD3
400
#86B1BB
500
#5C95A3
600
#497783
700
#3B5F68
800
#2E4B52
900
#24383D
950
#172326

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

6.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026