#673669

#673669

Color Values

HEX

#673669

RGB

103, 54, 105

HSL

297.6, 32.1%, 31.2%

HSV

297.6, 48.6%, 41.2%

CMYK

1.9%, 48.6%, 0.0%, 58.8%

OKLCH

0.4154 0.1007 325.8

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#673669

#386936

Analogous

#4E3669

#693652

#673669

Triadic

#673669

#696736

#366967

Split Complementary

#673669

#526936

#36694E

Tetradic

#673669

#694E36

#386936

#365269

Color Blindness Simulation

Original

#673669

Protanopia

#52515D

Deuteranopia

#55585A

Tritanopia

#655351

Achromatopsia

#444444

CSS Usage

background-color: #673669;
color: #673669;
border-color: #673669;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E6D0E7
300
#D4AED5
400
#BD82BF
500
#A557A8
600
#844587
700
#6A376C
800
#532B54
900
#3D223E
950
#271627

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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