#698AC5

#698AC5

Color Values

HEX

#698AC5

RGB

105, 138, 197

HSL

218,5, 44,2%, 59,2%

HSV

218,5, 46,7%, 77,3%

CMYK

46,7%, 29,9%, 0,0%, 22,7%

OKLCH

0,633 0,097 261,6

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#698AC5

#C5A469

Analogous

#69B8C5

#7669C5

#698AC5

Triadic

#698AC5

#C5698A

#8AC569

Split Complementary

#698AC5

#C57669

#B8C569

Tetradic

#698AC5

#C569B8

#C5A469

#69C576

Color Blindness Simulation

Original

#698AC5

Protanopia

#7778B7

Deuteranopia

#7573B3

Tritanopia

#6BABA9

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CCD7EB
300
#A7BADD
400
#7795CA
500
#4770B8
600
#395993
700
#2E4776
800
#24385C
900
#1D2B44
950
#121B2B

Contrast Checker

Text on white

3,48:1

AA Fail AAA Fail

Text on black

6,04:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026