#698BD8

#698BD8

Color Values

HEX

#698BD8

RGB

105, 139, 216

HSL

221.6, 58.7%, 62.9%

HSV

221.6, 51.4%, 84.7%

CMYK

51.4%, 35.6%, 0.0%, 15.3%

OKLCH

0.6449 0.1222 265.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#698BD8

#D8B669

Analogous

#69C2D8

#7E69D8

#698BD8

Triadic

#698BD8

#D8698B

#8BD869

Split Complementary

#698BD8

#D87E69

#C2D869

Tetradic

#698BD8

#D869C2

#D8B669

#69D87E

Color Blindness Simulation

Original

#698BD8

Protanopia

#7878C5

Deuteranopia

#7673C1

Tritanopia

#6BB7B3

Achromatopsia

#898989

CSS Usage

background-color: #698BD8;
color: #698BD8;
border-color: #698BD8;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D3F0
300
#9EB4E6
400
#698BD8
500
#3563CA
600
#2A4FA2
700
#223F81
800
#1A3165
900
#17274A
950
#0E182F

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

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