Tailwind CSS Colors
Purple 700
#7E22CETailwind classes
Backgroundbg-purple-700
Texttext-purple-700
Borderborder-purple-700
Ringring-purple-700
CSS Values
HEX#7E22CE
RGBrgb(126, 34, 206)
HSLhsl(272, 72%, 47%)
HSL (modern)hsl(272deg 72% 47%)
OKLCHoklch(49.6% 0.2369 302deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 6.98:1AA: PassAAA: FailAA Large: Pass
AaText on black
Ratio: 3.01:1AA: FailAAA: FailAA Large: Pass
Other Purple shades
Nearest Named Colors
See allAnt Designpurple-6
CSS Namedblueviolet
Crayolapurple-heart
Bootstrap 5purple-500
Material Designdeep-purple-500
Open Colorviolet-8
Radix Colorspurple-11
iOS HIGaccessible-purple
Munsell5P-5-10
RAL Classic4005