#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026