#7b68ee
mediumslateblueColor code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #7b68ee.
Color Swatch#7B68EE
Best Text: Black
The quick brown fox jumps over the lazy dog.
Sample typography preview rendered in #000000 (black) text for optimal readability.
Color Values & Conversions
HEX#7b68ee
RGBrgb(123, 104, 238)
HSLhsl(249, 80%, 67%)
CMYKcmyk(48%, 56%, 0%, 7%)
WCAG Contrast Ratios
Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).
Against White4.15:1
White Text Preview
Normal AA:Fail
Normal AAA:Fail
Large AA:Pass
Large AAA:Fail
Against Black4.55:1
Black Text Preview
Normal AA:Pass
Normal AAA:Fail
Large AA:Pass
Large AAA:Pass
Tints & Shades
Tints (Mixing toward White)
#8f7ff1+15%
#a395f3+30%
#b6acf6+45%
#cac3f8+60%
#ded9fb+75%
Shades (Mixing toward Black)
#6958ca-15%
#5649a7-30%
#443983-45%
#312a5f-60%
#1f1a3c-75%
Color Names
- mediumslateblueCSS Named Color
Also known as:
mediumslateblue
Want to extract colors from an image?
Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.