#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

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026