#673792

#673792

Color Values

HEX

#673792

RGB

103, 55, 146

HSL

271.6, 45.3%, 39.4%

HSV

271.6, 62.3%, 57.3%

CMYK

29.5%, 62.3%, 0.0%, 42.7%

OKLCH

0.4421 0.1465 305.5

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#673792

#629237

Analogous

#393792

#923790

#673792

Triadic

#673792

#926737

#379267

Split Complementary

#673792

#909237

#379239

Tetradic

#673792

#923937

#629237

#379092

Color Blindness Simulation

Original

#673792

Protanopia

#52527C

Deuteranopia

#555977

Tritanopia

#656B67

Achromatopsia

#484848

CSS Usage

background-color: #673792;
color: #673792;
border-color: #673792;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DCCBEB
300
#C3A6DE
400
#A376CB
500
#8346B9
600
#683894
700
#542D77
800
#41235D
900
#321D44
950
#1F122B

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

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