#6F20AE

#6F20AE

Color Values

HEX

#6F20AE

RGB

111, 32, 174

HSL

273.4, 68.9%, 40.4%

HSV

273.4, 81.6%, 68.2%

CMYK

36.2%, 81.6%, 0.0%, 31.8%

OKLCH

0.4477 0.2058 303.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#6F20AE

#5FAE20

Analogous

#2820AE

#AE20A6

#6F20AE

Triadic

#6F20AE

#AE6F20

#20AE6F

Split Complementary

#6F20AE

#A6AE20

#20AE28

Tetradic

#6F20AE

#AE2820

#5FAE20

#20A6AE

Color Blindness Simulation

Original

#6F20AE

Protanopia

#4D4C8C

Deuteranopia

#515783

Tritanopia

#6B706B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C798EC
400
#A860E2
500
#8928D7
600
#6E20AC
700
#58198A
800
#45146C
900
#34124E
950
#210C32

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026