#676DEE

#676DEE

Color Values

HEX

#676DEE

RGB

103, 109, 238

HSL

237.3, 79.9%, 66.9%

HSV

237.3, 56.7%, 93.3%

CMYK

56.7%, 54.2%, 0.0%, 6.7%

OKLCH

0.5983 0.1905 277.0

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#676DEE

#EEE867

Analogous

#67B1EE

#A567EE

#676DEE

Triadic

#676DEE

#EE676D

#6DEE67

Split Complementary

#676DEE

#EEA567

#B1EE67

Tetradic

#676DEE

#EE67B1

#EEE867

#67EEA5

Color Blindness Simulation

Original

#676DEE

Protanopia

#6A6ACF

Deuteranopia

#6969C7

Tritanopia

#67B6B1

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC1F8
300
#9195F3
400
#555CEC
500
#1A23E5
600
#151CB7
700
#101693
800
#0D1173
900
#0E1153
950
#090B35

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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