#676FCA

#676FCA

Color Values

HEX

#676FCA

RGB

103, 111, 202

HSL

235.2, 48.3%, 59.8%

HSV

235.2, 49.0%, 79.2%

CMYK

49.0%, 45.0%, 0.0%, 20.8%

OKLCH

0.5783 0.1385 277.4

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#676FCA

#CAC267

Analogous

#67A0CA

#9167CA

#676FCA

Triadic

#676FCA

#CA676F

#6FCA67

Split Complementary

#676FCA

#CA9167

#A0CA67

Tetradic

#676FCA

#CA67A0

#CAC267

#67CA91

Color Blindness Simulation

Original

#676FCA

Protanopia

#6A6BB4

Deuteranopia

#6A69AF

Tritanopia

#67A39F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CACDED
300
#A4A9DF
400
#737ACE
500
#424CBD
600
#353D97
700
#2A3079
800
#21265F
900
#1B1F46
950
#11132C

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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