#6F3672

#6F3672

Color Values

HEX

#6F3672

RGB

111, 54, 114

HSL

297.0, 35.7%, 32.9%

HSV

297.0, 52.6%, 44.7%

CMYK

2.6%, 52.6%, 0.0%, 55.3%

OKLCH

0.431 0.1155 325.5

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#6F3672

#397236

Analogous

#513672

#723657

#6F3672

Triadic

#6F3672

#726F36

#36726F

Split Complementary

#6F3672

#577236

#367251

Tetradic

#6F3672

#725136

#397236

#365772

Color Blindness Simulation

Original

#6F3672

Protanopia

#565663

Deuteranopia

#5A5E60

Tritanopia

#6C5856

Achromatopsia

#464646

CSS Usage

background-color: #6F3672;
color: #6F3672;
border-color: #6F3672;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5FA
100
#F2E8F3
200
#E7CFE8
300
#D5ACD8
400
#BF7FC2
500
#A852AD
600
#87428A
700
#6C346F
800
#542957
900
#3E2140
950
#271528

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

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