#675DA2

#675DA2

Color Values

HEX

#675DA2

RGB

103, 93, 162

HSL

248.7, 27.1%, 50.0%

HSV

248.7, 42.6%, 63.5%

CMYK

36.4%, 42.6%, 0.0%, 36.5%

OKLCH

0.5189 0.107 288.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#675DA2

#98A25D

Analogous

#5D75A2

#8A5DA2

#675DA2

Triadic

#675DA2

#A2675D

#5DA267

Split Complementary

#675DA2

#A28A5D

#75A25D

Tetradic

#675DA2

#A25D75

#98A25D

#5DA28A

Color Blindness Simulation

Original

#675DA2

Protanopia

#636391

Deuteranopia

#63648D

Tritanopia

#668481

Achromatopsia

#646464

CSS Usage

background-color: #675DA2;
color: #675DA2;
border-color: #675DA2;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D4D2E5
300
#B6B1D2
400
#8E87BA
500
#675DA2
600
#524A82
700
#423B68
800
#332E51
900
#28253C
950
#191726

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026