#697CD8

#697CD8

Color Values

HEX

#697CD8

RGB

105, 124, 216

HSL

229,7, 58,7%, 62,9%

HSV

229,7, 51,4%, 84,7%

CMYK

51,4%, 42,6%, 0,0%, 15,3%

OKLCH

0,614 0,1406 272,8

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#697CD8

#D8C569

Analogous

#69B3D8

#8D69D8

#697CD8

Triadic

#697CD8

#D8697C

#7CD869

Split Complementary

#697CD8

#D88D69

#B3D869

Tetradic

#697CD8

#D869B3

#D8C569

#69D88D

Color Blindness Simulation

Original

#697CD8

Protanopia

#7171C2

Deuteranopia

#706FBC

Tritanopia

#6AB0AC

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CEF0
300
#9EAAE6
400
#697CD8
500
#354ECA
600
#2A3FA2
700
#223281
800
#1A2765
900
#17204A
950
#0E142F

Contrast Checker

Text on white

3,84:1

AA Fail AAA Fail

Text on black

5,48: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