#697AD8

#697AD8

Color Values

HEX

#697AD8

RGB

105, 122, 216

HSL

230.8, 58.7%, 62.9%

HSV

230.8, 51.4%, 84.7%

CMYK

51.4%, 43.5%, 0.0%, 15.3%

OKLCH

0.61 0.1432 273.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#697AD8

#D8C769

Analogous

#69B1D8

#8F69D8

#697AD8

Triadic

#697AD8

#D8697A

#7AD869

Split Complementary

#697AD8

#D88F69

#B1D869

Tetradic

#697AD8

#D869B1

#D8C769

#69D88F

Color Blindness Simulation

Original

#697AD8

Protanopia

#7071C1

Deuteranopia

#6F6EBC

Tritanopia

#6AAFAB

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CDF0
300
#9EA9E6
400
#697AD8
500
#354CCA
600
#2A3CA2
700
#223081
800
#1A2665
900
#171F4A
950
#0E132F

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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