#675871

#675871

Color Values

HEX

#675871

RGB

103, 88, 113

HSL

276.0, 12.4%, 39.4%

HSV

276.0, 22.1%, 44.3%

CMYK

8.8%, 22.1%, 0.0%, 55.7%

OKLCH

0.4843 0.0434 311.7

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#675871

#627158

Analogous

#5B5871

#71586E

#675871

Triadic

#675871

#716758

#587167

Split Complementary

#675871

#6E7158

#58715B

Tetradic

#675871

#715B58

#627158

#586E71

Color Blindness Simulation

Original

#675871

Protanopia

#61606B

Deuteranopia

#61626A

Tritanopia

#666665

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DCD7E0
300
#C3BAC9
400
#A395AC
500
#83708F
600
#695973
700
#54475C
800
#413848
900
#322B36
950
#1F1B22

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail 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