#6973F7

#6973F7

Color Values

HEX

#6973F7

RGB

105, 115, 247

HSL

235.8, 89.9%, 69.0%

HSV

235.8, 57.5%, 96.9%

CMYK

57.5%, 53.4%, 0.0%, 3.1%

OKLCH

0.6168 0.1944 275.8

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#6973F7

#F7ED69

Analogous

#69BAF7

#A669F7

#6973F7

Triadic

#6973F7

#F76973

#73F769

Split Complementary

#6973F7

#F7A669

#BAF769

Tetradic

#6973F7

#F769BA

#F7ED69

#69F7A6

Color Blindness Simulation

Original

#6973F7

Protanopia

#6D6DD7

Deuteranopia

#6D6CCF

Tritanopia

#6ABEB8

Achromatopsia

#7A7A7A

CSS Usage

background-color: #6973F7;
color: #6973F7;
border-color: #6973F7;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BBC0FB
300
#8B92F9
400
#4C58F5
500
#0D1DF2
600
#0A17C2
700
#08139B
800
#060E79
900
#090F58
950
#060937

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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