#699893

#699893

Color Values

HEX

#699893

RGB

105, 152, 147

HSL

173.6, 18.6%, 50.4%

HSV

173.6, 30.9%, 59.6%

CMYK

30.9%, 0.0%, 3.3%, 40.4%

OKLCH

0.6445 0.0513 187.7

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#699893

#98696E

Analogous

#69987C

#698698

#699893

Triadic

#699893

#936998

#989369

Split Complementary

#699893

#986986

#987C69

Tetradic

#699893

#7C6998

#98696E

#869869

Color Blindness Simulation

Original

#699893

Protanopia

#7D7E94

Deuteranopia

#7B7794

Tritanopia

#6B9595

Achromatopsia

#8E8E8E

CSS Usage

background-color: #699893;
color: #699893;
border-color: #699893;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E1
300
#B6CDCB
400
#8FB2AE
500
#689792
600
#537975
700
#42615E
800
#344C49
900
#283937
950
#192423

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.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