#676AD6

#676AD6

Color Values

HEX

#676AD6

RGB

103, 106, 214

HSL

238.4, 57.5%, 62.2%

HSV

238.4, 51.9%, 83.9%

CMYK

51.9%, 50.5%, 0.0%, 16.1%

OKLCH

0.5763 0.1621 278.8

Properties

Cool Light Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#676AD6

#D6D367

Analogous

#67A2D6

#9C67D6

#676AD6

Triadic

#676AD6

#D6676A

#6AD667

Split Complementary

#676AD6

#D69C67

#A2D667

Tetradic

#676AD6

#D667A2

#D6D367

#67D69C

Color Blindness Simulation

Original

#676AD6

Protanopia

#6868BC

Deuteranopia

#6868B6

Tritanopia

#67A7A3

Achromatopsia

#717171

CSS Usage

background-color: #676AD6;
color: #676AD6;
border-color: #676AD6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C7C8F0
300
#9FA0E5
400
#6A6DD7
500
#363AC9
600
#2B2EA1
700
#232581
800
#1B1D64
900
#17194A
950
#0F102E

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.61:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026