#6873DA

#6873DA

Color Values

HEX

#6873DA

RGB

104, 115, 218

HSL

234.2, 60.6%, 63.1%

HSV

234.2, 52.3%, 85.5%

CMYK

52.3%, 47.2%, 0.0%, 14.5%

OKLCH

0.5968 0.1554 276.0

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#6873DA

#DACF68

Analogous

#68ACDA

#9668DA

#6873DA

Triadic

#6873DA

#DA6873

#73DA68

Split Complementary

#6873DA

#DA9668

#ACDA68

Tetradic

#6873DA

#DA68AC

#DACF68

#68DA96

Color Blindness Simulation

Original

#6873DA

Protanopia

#6D6DC1

Deuteranopia

#6C6BBB

Tritanopia

#69ADA9

Achromatopsia

#787878

CSS Usage

background-color: #6873DA;
color: #6873DA;
border-color: #6873DA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CAF1
300
#9DA4E7
400
#6773DA
500
#3241CD
600
#2834A4
700
#202A83
800
#192166
900
#161B4B
950
#0E112F

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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