#672699

#672699

Color Values

HEX

#672699

RGB

103, 38, 153

HSL

273.9, 60.2%, 37.5%

HSV

273.9, 75.2%, 60.0%

CMYK

32.7%, 75.2%, 0.0%, 40.0%

OKLCH

0.4256 0.1772 305.8

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#672699

#589926

Analogous

#2E2699

#992692

#672699

Triadic

#672699

#996726

#269967

Split Complementary

#672699

#929926

#26992E

Tetradic

#672699

#992E26

#589926

#269299

Color Blindness Simulation

Original

#672699

Protanopia

#4B4A7D

Deuteranopia

#4F5476

Tritanopia

#646762

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F1
300
#C79DE7
400
#A868D9
500
#8933CC
600
#6E29A3
700
#582083
800
#451966
900
#34164B
950
#210E2F

Contrast Checker

Text on white

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