#6C28A3

#6C28A3

Color Values

HEX

#6C28A3

RGB

108, 40, 163

HSL

273.2, 60.6%, 39.8%

HSV

273.2, 75.5%, 63.9%

CMYK

33.7%, 75.5%, 0.0%, 36.1%

OKLCH

0.4422 0.1864 304.9

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#6C28A3

#5FA328

Analogous

#2F28A3

#A3289C

#6C28A3

Triadic

#6C28A3

#A36C28

#28A36C

Split Complementary

#6C28A3

#9CA328

#28A32F

Tetradic

#6C28A3

#A32F28

#5FA328

#289CA3

Color Blindness Simulation

Original

#6C28A3

Protanopia

#4F4E85

Deuteranopia

#52587E

Tritanopia

#696E69

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F1
300
#C69DE7
400
#A767DA
500
#8832CD
600
#6D28A4
700
#572083
800
#441966
900
#33164B
950
#200E2F

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

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