#676BFA

#676BFA

Color Values

HEX

#676BFA

RGB

103, 107, 250

HSL

238.4, 93.6%, 69.2%

HSV

238.4, 58.8%, 98.0%

CMYK

58.8%, 57.2%, 0.0%, 2.0%

OKLCH

0.6034 0.2087 276.9

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#676BFA

#FAF667

Analogous

#67B4FA

#AD67FA

#676BFA

Triadic

#676BFA

#FA676B

#6BFA67

Split Complementary

#676BFA

#FAAD67

#B4FA67

Tetradic

#676BFA

#FA67B4

#FAF667

#67FAAD

Color Blindness Simulation

Original

#676BFA

Protanopia

#6969D7

Deuteranopia

#6868CF

Tritanopia

#67BCB6

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFD
300
#898CFB
400
#484DF9
500
#080FF7
600
#070CC5
700
#05099E
800
#04077B
900
#080A59
950
#050638

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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