#676ADE

#676ADE

Color Values

HEX

#676ADE

RGB

103, 106, 222

HSL

238,5, 64,3%, 63,7%

HSV

238,5, 53,6%, 87,1%

CMYK

53,6%, 52,3%, 0,0%, 12,9%

OKLCH

0,5817 0,173 278,4

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#676ADE

#DEDB67

Analogous

#67A5DE

#9F67DE

#676ADE

Triadic

#676ADE

#DE676A

#6ADE67

Split Complementary

#676ADE

#DE9F67

#A5DE67

Tetradic

#676ADE

#DE67A5

#DEDB67

#67DE9F

Color Blindness Simulation

Original

#676ADE

Protanopia

#6868C2

Deuteranopia

#6868BB

Tritanopia

#67ACA7

Achromatopsia

#727272

CSS Usage

background-color: #676ADE;
color: #676ADE;
border-color: #676ADE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C5F2
300
#9A9CE9
400
#6467DD
500
#2E32D1
600
#2428A8
700
#1D2086
800
#171969
900
#14164C
950
#0D0E30

Contrast Checker

Text on white

4,47:1

AA Fail AAA Fail

Text on black

4,69:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026