#672D88

#672D88

Color Values

HEX

#672D88

RGB

103, 45, 136

HSL

278.2, 50.3%, 35.5%

HSV

278.2, 66.9%, 53.3%

CMYK

24.3%, 66.9%, 0.0%, 46.7%

OKLCH

0.4211 0.15 310.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#672D88

#4E882D

Analogous

#392D88

#882D7C

#672D88

Triadic

#672D88

#88672D

#2D8867

Split Complementary

#672D88

#7C882D

#2D8839

Tetradic

#672D88

#88392D

#4E882D

#2D7C88

Color Blindness Simulation

Original

#672D88

Protanopia

#4E4D72

Deuteranopia

#51566D

Tritanopia

#64615D

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#E0C9ED
300
#CAA3E1
400
#AE71D0
500
#913FC0
600
#743399
700
#5D297B
800
#492060
900
#361B46
950
#22112C

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026