#698AA3

#698AA3

Color Values

HEX

#698AA3

RGB

105, 138, 163

HSL

205.9, 24.0%, 52.5%

HSV

205.9, 35.6%, 63.9%

CMYK

35.6%, 15.3%, 0.0%, 36.1%

OKLCH

0.6177 0.0532 241.4

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#698AA3

#A38269

Analogous

#69A39F

#696DA3

#698AA3

Triadic

#698AA3

#A3698A

#8AA369

Split Complementary

#698AA3

#A3696D

#A39F69

Tetradic

#698AA3

#9F69A3

#A38269

#6DA369

Color Blindness Simulation

Original

#698AA3

Protanopia

#77789D

Deuteranopia

#75739C

Tritanopia

#6B9897

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DCE4
300
#B3C4D0
400
#8AA4B7
500
#61849E
600
#4E697E
700
#3E5465
800
#30424F
900
#26323B
950
#182025

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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