Tailwind CSS Colors
Violet 700
#6D28D9Tailwind classes
Backgroundbg-violet-700
Texttext-violet-700
Borderborder-violet-700
Ringring-violet-700
CSS Values
HEX#6D28D9
RGBrgb(109, 40, 217)
HSLhsl(263, 70%, 50%)
HSL (modern)hsl(263deg 70% 50%)
OKLCHoklch(49.1% 0.2412 293deg)
Tints & Shades
Color Harmonies
complementary
triadic
analogous
split Complementary
tetradic
Contrast
AaText on white
Ratio: 7.1:1AA: PassAAA: PassAA Large: Pass
AaText on black
Ratio: 2.96:1AA: FailAAA: FailAA Large: Fail
Other Violet shades
Nearest Named Colors
See allAnt Designpurple-6
Open Colorviolet-8
Material Designdeep-purple-a700
Bootstrap 5indigo-500
Crayolapurple-heart
CSS Namedblueviolet
Radix Colorsviolet-10
iOS HIGsystem-indigo
Munsell5PB-5-10
RAL Classic4005