#67335A

#67335A

Color Values

HEX

#67335A

RGB

103, 51, 90

HSL

315.0, 33.8%, 30.2%

HSV

315.0, 50.5%, 40.4%

CMYK

0.0%, 50.5%, 12.6%, 59.6%

OKLCH

0.403 0.0916 337.4

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#67335A

#336740

Analogous

#5A3367

#673340

#67335A

Triadic

#67335A

#5A6733

#335A67

Split Complementary

#67335A

#406733

#33675A

Tetradic

#67335A

#675A33

#336740

#334067

Color Blindness Simulation

Original

#67335A

Protanopia

#505051

Deuteranopia

#54574E

Tritanopia

#644947

Achromatopsia

#414141

CSS Usage

background-color: #67335A;
color: #67335A;
border-color: #67335A;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F8
100
#F2E8F0
200
#E7CFE1
300
#D6ADCC
400
#C181B1
500
#AB5495
600
#884477
700
#6D365F
800
#552A4B
900
#3F2238
950
#281523

Contrast Checker

Text on white

9.55:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026