#697BD8

#697BD8

Color Values

HEX

#697BD8

RGB

105, 123, 216

HSL

230.3, 58.7%, 62.9%

HSV

230.3, 51.4%, 84.7%

CMYK

51.4%, 43.1%, 0.0%, 15.3%

OKLCH

0.612 0.1419 273.3

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#697BD8

#D8C669

Analogous

#69B2D8

#8E69D8

#697BD8

Triadic

#697BD8

#D8697B

#7BD869

Split Complementary

#697BD8

#D88E69

#B2D869

Tetradic

#697BD8

#D869B2

#D8C669

#69D88E

Color Blindness Simulation

Original

#697BD8

Protanopia

#7171C2

Deuteranopia

#706EBC

Tritanopia

#6AB0AC

Achromatopsia

#7E7E7E

CSS Usage

background-color: #697BD8;
color: #697BD8;
border-color: #697BD8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EA9E6
400
#697BD8
500
#354DCA
600
#2A3DA2
700
#223181
800
#1A2665
900
#171F4A
950
#0E142F

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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