#6C256C

#6C256C

Color Values

HEX

#6C256C

RGB

108, 37, 108

HSL

300.0, 49.0%, 28.4%

HSV

300.0, 65.7%, 42.4%

CMYK

0.0%, 65.7%, 0.0%, 57.6%

OKLCH

0.4 0.1358 327.7

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#6C256C

#256C25

Analogous

#48256C

#6C2548

#6C256C

Triadic

#6C256C

#6C6C25

#256C6C

Split Complementary

#6C256C

#486C25

#256C48

Tetradic

#6C256C

#6C4825

#256C25

#25486C

Color Blindness Simulation

Original

#6C256C

Protanopia

#4D4D5B

Deuteranopia

#515757

Tritanopia

#684D4A

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E6F5
200
#EDCAED
300
#E0A4E0
400
#CF72CF
500
#BE41BE
600
#983498
700
#7A2A7A
800
#5F215F
900
#461B46
950
#2C112C

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026