#675775

#675775

Color Values

HEX

#675775

RGB

103, 87, 117

HSL

272.0, 14.7%, 40.0%

HSV

272.0, 25.6%, 45.9%

CMYK

12.0%, 25.6%, 0.0%, 54.1%

OKLCH

0.4839 0.051 308.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#675775

#657557

Analogous

#585775

#755774

#675775

Triadic

#675775

#756757

#577567

Split Complementary

#675775

#747557

#577558

Tetradic

#675775

#755857

#657557

#577475

Color Blindness Simulation

Original

#675775

Protanopia

#60606E

Deuteranopia

#61626C

Tritanopia

#666867

Achromatopsia

#5D5D5D

CSS Usage

background-color: #675775;
color: #675775;
border-color: #675775;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DCD6E1
300
#C2B9CB
400
#A293AF
500
#816D92
600
#675775
700
#52465E
800
#403649
900
#312A37
950
#1F1B23

Contrast Checker

Text on white

6.57:1

AA Pass AAA Fail

Text on black

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