#6F0472

#6F0472

Color Values

HEX

#6F0472

RGB

111, 4, 114

HSL

298.4, 93.2%, 23.1%

HSV

298.4, 96.5%, 44.7%

CMYK

2.6%, 96.5%, 0.0%, 55.3%

OKLCH

0.384 0.1744 326.9

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#6F0472

#077204

Analogous

#380472

#72043E

#6F0472

Triadic

#6F0472

#726F04

#04726F

Split Complementary

#6F0472

#3E7204

#047238

Tetradic

#6F0472

#723804

#077204

#043E72

Color Blindness Simulation

Original

#6F0472

Protanopia

#414057

Deuteranopia

#474F51

Tritanopia

#6A423E

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBAFD
300
#F889FB
400
#F449F9
500
#F009F6
600
#C007C5
700
#9A069E
800
#78047B
900
#570859
950
#370538

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

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