#697E81

#697E81

Color Values

HEX

#697E81

RGB

105, 126, 129

HSL

187.5, 10.3%, 45.9%

HSV

187.5, 18.6%, 50.6%

CMYK

18.6%, 2.3%, 0.0%, 49.4%

OKLCH

0.5773 0.0249 207.0

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#697E81

#816C69

Analogous

#698178

#697281

#697E81

Triadic

#697E81

#81697E

#7E8169

Split Complementary

#697E81

#816972

#817869

Tetradic

#697E81

#786981

#816C69

#728169

Color Blindness Simulation

Original

#697E81

Protanopia

#727280

Deuteranopia

#716F80

Tritanopia

#6A8080

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DEDF
300
#BBC7C8
400
#97A8AA
500
#72898D
600
#5B6E71
700
#49585A
800
#394546
900
#2C3435
950
#1C2121

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026