#698FD9

#698FD9

Color Values

HEX

#698FD9

RGB

105, 143, 217

HSL

219.6, 59.6%, 63.1%

HSV

219.6, 51.6%, 85.1%

CMYK

51.6%, 34.1%, 0.0%, 14.9%

OKLCH

0.6539 0.119 262.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#698FD9

#D9B369

Analogous

#69C7D9

#7B69D9

#698FD9

Triadic

#698FD9

#D9698F

#8FD969

Split Complementary

#698FD9

#D97B69

#C7D969

Tetradic

#698FD9

#D969C7

#D9B369

#69D97B

Color Blindness Simulation

Original

#698FD9

Protanopia

#797AC7

Deuteranopia

#7774C3

Tritanopia

#6BB9B6

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D4F1
300
#9DB6E6
400
#688FD9
500
#3467CB
600
#2953A3
700
#214282
800
#1A3466
900
#16284A
950
#0E192F

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026