#698CC8

#698CC8

Color Values

HEX

#698CC8

RGB

105, 140, 200

HSL

217.9, 46.3%, 59.8%

HSV

217.9, 47.5%, 78.4%

CMYK

47.5%, 30.0%, 0.0%, 21.6%

OKLCH

0.6388 0.099 260.8

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#698CC8

#C8A569

Analogous

#69BBC8

#7669C8

#698CC8

Triadic

#698CC8

#C8698C

#8CC869

Split Complementary

#698CC8

#C87669

#BBC869

Tetradic

#698CC8

#C869BB

#C8A569

#69C876

Color Blindness Simulation

Original

#698CC8

Protanopia

#7878B9

Deuteranopia

#7674B6

Tritanopia

#6BAEAC

Achromatopsia

#898989

CSS Usage

background-color: #698CC8;
color: #698CC8;
border-color: #698CC8;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EC
300
#A5BADE
400
#7595CC
500
#4470BB
600
#375A95
700
#2C4877
800
#22385D
900
#1C2B45
950
#121B2B

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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