#698AD8

#698AD8

Color Values

HEX

#698AD8

RGB

105, 138, 216

HSL

222.2, 58.7%, 62.9%

HSV

222.2, 51.4%, 84.7%

CMYK

51.4%, 36.1%, 0.0%, 15.3%

OKLCH

0.6428 0.1233 265.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#698AD8

#D8B769

Analogous

#69C1D8

#7F69D8

#698AD8

Triadic

#698AD8

#D8698A

#8AD869

Split Complementary

#698AD8

#D87F69

#C1D869

Tetradic

#698AD8

#D869C1

#D8B769

#69D87F

Color Blindness Simulation

Original

#698AD8

Protanopia

#7778C5

Deuteranopia

#7573C1

Tritanopia

#6BB6B3

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E4EAF6
200
#C6D3F0
300
#9EB3E6
400
#698AD8
500
#3561CA
600
#2A4EA2
700
#223E81
800
#1A3165
900
#17264A
950
#0E182F

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

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