#698B88

#698B88

Color Values

HEX

#698B88

RGB

105, 139, 136

HSL

174.7, 13.9%, 47.8%

HSV

174.7, 24.5%, 54.5%

CMYK

24.5%, 0.0%, 2.2%, 45.5%

OKLCH

0.6102 0.0384 189.5

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#698B88

#8B696C

Analogous

#698B77

#697D8B

#698B88

Triadic

#698B88

#88698B

#8B8869

Split Complementary

#698B88

#8B697D

#8B7769

Tetradic

#698B88

#77698B

#8B696C

#7D8B69

Color Blindness Simulation

Original

#698B88

Protanopia

#787889

Deuteranopia

#767389

Tritanopia

#6B8989

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#B9CAC9
400
#94AEAB
500
#6E918E
600
#587472
700
#465D5B
800
#374947
900
#2A3735
950
#1B2222

Contrast Checker

Text on white

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