Tools
Color Picker
Shades & Tints
#14042fL10#28095dL20#3c0d8cL30#4f11bbL40#6316e9L50#8244eeL60#a273f2L70#c1a2f6L80#e0d0fbL90Complementary Palette
#7c3aedBase
#aced3bComplement
#ed7c3bTriadic 1
#3bed7cTriadic 2
#d53bedAnalogous 1
#3b53edAnalogous 2
#edd53bSplit-C 1
#53ed3bSplit-C 2
WCAG Contrast Checker
Large Text Sample (18px+)
Normal text for readability check — The quick brown fox.
#ffffff
#7c3aed
5.7:1
AA Normal AA Large AAA Normal AAA Large