#698988

#698988

Color Values

HEX

#698988

RGB

105, 137, 136

HSL

178.1, 13.2%, 47.5%

HSV

178.1, 23.4%, 53.7%

CMYK

23.4%, 0.0%, 0.7%, 46.3%

OKLCH

0.6055 0.0361 193.9

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#698988

#89696A

Analogous

#698978

#697A89

#698988

Triadic

#698988

#886989

#898869

Split Complementary

#698988

#89697A

#897869

Tetradic

#698988

#786989

#89696A

#7A8969

Color Blindness Simulation

Original

#698988

Protanopia

#777788

Deuteranopia

#757388

Tritanopia

#6B8888

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D7E0E0
300
#BACAC9
400
#94ADAC
500
#6F908F
600
#597373
700
#475C5C
800
#374848
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

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