#6B3F92

#6B3F92

Color Values

HEX

#6B3F92

RGB

107, 63, 146

HSL

271.8, 39.7%, 41.0%

HSV

271.8, 56.8%, 57.3%

CMYK

26.7%, 56.8%, 0.0%, 42.7%

OKLCH

0.4591 0.135 306.3

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#6B3F92

#66923F

Analogous

#423F92

#923F90

#6B3F92

Triadic

#6B3F92

#926B3F

#3F926B

Split Complementary

#6B3F92

#90923F

#3F9242

Tetradic

#6B3F92

#92423F

#66923F

#3F9092

Color Blindness Simulation

Original

#6B3F92

Protanopia

#58587E

Deuteranopia

#5A5E79

Tritanopia

#696E6B

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DCCDE9
300
#C3AADA
400
#A37BC6
500
#834DB2
600
#683E8E
700
#543172
800
#412659
900
#311F42
950
#1F142A

Contrast Checker

Text on white

7.63:1

AA Pass AAA Pass

Text on black

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