#698983

#698983

Color Values

HEX

#698983

RGB

105, 137, 131

HSL

168.8, 13.2%, 47.5%

HSV

168.8, 23.4%, 53.7%

CMYK

23.4%, 0.0%, 4.4%, 46.3%

OKLCH

0.6038 0.0373 182.3

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#698983

#89696F

Analogous

#698973

#697F89

#698983

Triadic

#698983

#836989

#898369

Split Complementary

#698983

#89697F

#897369

Tetradic

#698983

#736989

#89696F

#7F8969

Color Blindness Simulation

Original

#698983

Protanopia

#777784

Deuteranopia

#757385

Tritanopia

#6B8686

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DE
300
#BACAC7
400
#94ADA8
500
#6F908A
600
#59736E
700
#475C58
800
#374845
900
#2B3634
950
#1B2221

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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