#698CD8

#698CD8

Color Values

HEX

#698CD8

RGB

105, 140, 216

HSL

221.1, 58.7%, 62.9%

HSV

221.1, 51.4%, 84.7%

CMYK

51.4%, 35.2%, 0.0%, 15.3%

OKLCH

0.647 0.121 264.5

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#698CD8

#D8B569

Analogous

#69C3D8

#7D69D8

#698CD8

Triadic

#698CD8

#D8698C

#8CD869

Split Complementary

#698CD8

#D87D69

#C3D869

Tetradic

#698CD8

#D869C3

#D8B569

#69D87D

Color Blindness Simulation

Original

#698CD8

Protanopia

#7878C6

Deuteranopia

#7674C1

Tritanopia

#6BB7B4

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D4F0
300
#9EB5E6
400
#698CD8
500
#3564CA
600
#2A50A2
700
#224081
800
#1A3265
900
#17274A
950
#0E192F

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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