#672B97

#672B97

Color Values

HEX

#672B97

RGB

103, 43, 151

HSL

273.3, 55.7%, 38.0%

HSV

273.3, 71.5%, 59.2%

CMYK

31.8%, 71.5%, 0.0%, 40.8%

OKLCH

0.4297 0.169 305.8

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#672B97

#5B972B

Analogous

#312B97

#972B91

#672B97

Triadic

#672B97

#97672B

#2B9767

Split Complementary

#672B97

#91972B

#2B9731

Tetradic

#672B97

#97312B

#5B972B

#2B9197

Color Blindness Simulation

Original

#672B97

Protanopia

#4D4C7D

Deuteranopia

#505577

Tritanopia

#646864

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C6A0E4
400
#A66CD5
500
#8738C7
600
#6C2D9F
700
#57247F
800
#441C63
900
#331849
950
#200F2E

Contrast Checker

Text on white

8.86:1

AA Pass AAA Pass

Text on black

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