#67209F

#67209F

Color Values

HEX

#67209F

RGB

103, 32, 159

HSL

273.5, 66.5%, 37.5%

HSV

273.5, 79.9%, 62.4%

CMYK

35.2%, 79.9%, 0.0%, 37.6%

OKLCH

0.4246 0.1896 304.6

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#67209F

#589F20

Analogous

#27209F

#9F2098

#67209F

Triadic

#67209F

#9F6720

#209F67

Split Complementary

#67209F

#989F20

#209F27

Tetradic

#67209F

#9F2720

#589F20

#20989F

Color Blindness Simulation

Original

#67209F

Protanopia

#484880

Deuteranopia

#4C5279

Tritanopia

#636863

Achromatopsia

#383838

CSS Usage

background-color: #67209F;
color: #67209F;
border-color: #67209F;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F3
300
#C799EA
400
#A862DF
500
#892BD4
600
#6E22AA
700
#581B88
800
#45156A
900
#34134D
950
#210C31

Contrast Checker

Text on white

9.19:1

AA Pass AAA Pass

Text on black

2.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026