#698FB5

#698FB5

Color Values

HEX

#698FB5

RGB

105, 143, 181

HSL

210.0, 33.9%, 56.1%

HSV

210.0, 42.0%, 71.0%

CMYK

42.0%, 21.0%, 0.0%, 29.0%

OKLCH

0.6366 0.0714 249.0

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#698FB5

#B58F69

Analogous

#69B5B5

#6969B5

#698FB5

Triadic

#698FB5

#B5698F

#8FB569

Split Complementary

#698FB5

#B56969

#B5B569

Tetradic

#698FB5

#B569B5

#B58F69

#69B569

Color Blindness Simulation

Original

#698FB5

Protanopia

#797AAC

Deuteranopia

#7774AA

Tritanopia

#6BA5A3

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE7
300
#ADC2D7
400
#81A1C1
500
#5480AB
600
#436689
700
#36526D
800
#2A4055
900
#22303F
950
#151F28

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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