#698ED8

#698ED8

Color Values

HEX

#698ED8

RGB

105, 142, 216

HSL

220.0, 58.7%, 62.9%

HSV

220.0, 51.4%, 84.7%

CMYK

51.4%, 34.3%, 0.0%, 15.3%

OKLCH

0.6512 0.1188 263.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#698ED8

#D8B369

Analogous

#69C5D8

#7B69D8

#698ED8

Triadic

#698ED8

#D8698E

#8ED869

Split Complementary

#698ED8

#D87B69

#C5D869

Tetradic

#698ED8

#D869C5

#D8B369

#69D87B

Color Blindness Simulation

Original

#698ED8

Protanopia

#7979C6

Deuteranopia

#7774C2

Tritanopia

#6BB8B5

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D4F0
300
#9EB6E6
400
#698ED8
500
#3567CA
600
#2A52A2
700
#224281
800
#1A3365
900
#17284A
950
#0E192F

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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