#698DAC

#698DAC

Color Values

HEX

#698DAC

RGB

105, 141, 172

HSL

207.8, 28.8%, 54.3%

HSV

207.8, 39.0%, 67.5%

CMYK

39.0%, 18.0%, 0.0%, 32.5%

OKLCH

0.6282 0.0619 245.0

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#698DAC

#AC8869

Analogous

#69ACAA

#696BAC

#698DAC

Triadic

#698DAC

#AC698D

#8DAC69

Split Complementary

#698DAC

#AC696B

#ACAA69

Tetradic

#698DAC

#AA69AC

#AC8869

#6BAC69

Color Blindness Simulation

Original

#698DAC

Protanopia

#7979A5

Deuteranopia

#7674A3

Tritanopia

#6B9F9D

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EDF2
200
#D1DCE6
300
#B0C3D3
400
#85A3BC
500
#5B82A4
600
#496883
700
#3A5369
800
#2D4152
900
#24313D
950
#171F27

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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