#6882DA

#6882DA

Color Values

HEX

#6882DA

RGB

104, 130, 218

HSL

226.3, 60.6%, 63.1%

HSV

226.3, 52.3%, 85.5%

CMYK

52.3%, 40.4%, 0.0%, 14.5%

OKLCH

0.6267 0.1361 269.7

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#6882DA

#DAC068

Analogous

#68BBDA

#8768DA

#6882DA

Triadic

#6882DA

#DA6882

#82DA68

Split Complementary

#6882DA

#DA8768

#BBDA68

Tetradic

#6882DA

#DA68BB

#DAC068

#68DA87

Color Blindness Simulation

Original

#6882DA

Protanopia

#7373C5

Deuteranopia

#7270C0

Tritanopia

#69B4B0

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E8F6
200
#C6D0F1
300
#9DAEE7
400
#6782DA
500
#3256CD
600
#2844A4
700
#203783
800
#192B66
900
#16224B
950
#0E162F

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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