#6B3F89

#6B3F89

Color Values

HEX

#6B3F89

RGB

107, 63, 137

HSL

275.7, 37.0%, 39.2%

HSV

275.7, 54.0%, 53.7%

CMYK

21.9%, 54.0%, 0.0%, 46.3%

OKLCH

0.4535 0.1239 309.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#6B3F89

#5D893F

Analogous

#463F89

#893F82

#6B3F89

Triadic

#6B3F89

#896B3F

#3F896B

Split Complementary

#6B3F89

#82893F

#3F8946

Tetradic

#6B3F89

#89463F

#5D893F

#3F8289

Color Blindness Simulation

Original

#6B3F89

Protanopia

#585877

Deuteranopia

#5A5E73

Tritanopia

#696966

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DECEE9
300
#C6ABD8
400
#A77EC4
500
#8850AF
600
#6D408C
700
#573370
800
#442857
900
#342041
950
#211429

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026