#6B336D

#6B336D

Color Values

HEX

#6B336D

RGB

107, 51, 109

HSL

297.9, 36.2%, 31.4%

HSV

297.9, 53.2%, 42.7%

CMYK

1.8%, 53.2%, 0.0%, 57.3%

OKLCH

0.4182 0.1131 326.1

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#6B336D

#356D33

Analogous

#4E336D

#6D3352

#6B336D

Triadic

#6B336D

#6D6B33

#336D6B

Split Complementary

#6B336D

#526D33

#336D4E

Tetradic

#6B336D

#6D4E33

#356D33

#33526D

Color Blindness Simulation

Original

#6B336D

Protanopia

#53525F

Deuteranopia

#565A5C

Tritanopia

#685451

Achromatopsia

#434343

CSS Usage

background-color: #6B336D;
color: #6B336D;
border-color: #6B336D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F2E8F3
200
#E7CEE8
300
#D6ACD8
400
#C07EC3
500
#AA51AE
600
#88418B
700
#6D346F
800
#552957
900
#3F2140
950
#281529

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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