#698FAB

#698FAB

Color Values

HEX

#698FAB

RGB

105, 143, 171

HSL

205.5, 28.2%, 54.1%

HSV

205.5, 38.6%, 67.1%

CMYK

38.6%, 16.4%, 0.0%, 32.9%

OKLCH

0.6324 0.0597 240.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#698FAB

#AB8569

Analogous

#69ABA6

#696EAB

#698FAB

Triadic

#698FAB

#AB698F

#8FAB69

Split Complementary

#698FAB

#AB696E

#ABA669

Tetradic

#698FAB

#A669AB

#AB8569

#6EAB69

Color Blindness Simulation

Original

#698FAB

Protanopia

#797AA4

Deuteranopia

#7774A3

Tritanopia

#6B9F9E

Achromatopsia

#898989

CSS Usage

background-color: #698FAB;
color: #698FAB;
border-color: #698FAB;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DDE5
300
#B1C4D3
400
#86A5BB
500
#5C85A3
600
#496A83
700
#3B5569
800
#2E4252
900
#24323D
950
#172026

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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