#698485

#698485

Color Values

HEX

#698485

RGB

105, 132, 133

HSL

182.1, 11.8%, 46.7%

HSV

182.1, 21.1%, 52.2%

CMYK

21.1%, 0.8%, 0.0%, 47.8%

OKLCH

0.5927 0.0309 199.1

Properties

Cool Light Nearest: paleturquoise 4

Color Harmonies

Complementary

#698485

#856A69

Analogous

#698578

#697685

#698485

Triadic

#698485

#856984

#848569

Split Complementary

#698485

#856976

#857869

Tetradic

#698485

#786985

#856A69

#768569

Color Blindness Simulation

Original

#698485

Protanopia

#757585

Deuteranopia

#737185

Tritanopia

#6A8585

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BBC9C9
400
#96ABAC
500
#708D8F
600
#5A7172
700
#485B5B
800
#384747
900
#2B3536
950
#1B2222

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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