#6B3576

#6B3576

Color Values

HEX

#6B3576

RGB

107, 53, 118

HSL

289.8, 38.0%, 33.5%

HSV

289.8, 55.1%, 46.3%

CMYK

9.3%, 55.1%, 0.0%, 53.7%

OKLCH

0.4263 0.1191 320.6

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#6B3576

#407635

Analogous

#4A3576

#763560

#6B3576

Triadic

#6B3576

#766B35

#35766B

Split Complementary

#6B3576

#607635

#35764A

Tetradic

#6B3576

#764A35

#407635

#356076

Color Blindness Simulation

Original

#6B3576

Protanopia

#545366

Deuteranopia

#575B62

Tritanopia

#685A57

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F1E7F3
200
#E4CEE9
300
#D1ABD9
400
#B87DC5
500
#9F4FB0
600
#803F8D
700
#663371
800
#502858
900
#3B2041
950
#261429

Contrast Checker

Text on white

8.76:1

AA Pass AAA Pass

Text on black

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