slateblue 1

#836FFF

X11 color

Slateblue 1 (#836FFF) is the brightest variant in the X11 Slate Blue series, a vivid blue-violet with strong purple energy that reads as an electric, modern purple-blue. The brightness removes most of the dusty slate quality of the CSS standard, producing a more saturated, digital purple-blue suited to contemporary UI design and digital illustration. It retains the blue-purple balance of the family while pushing toward maximum vibrancy.

قيم الألوان

HEX

#836FFF

RGB

131, 111, 255

HSL

248,3, 100,0%, 71,8%

HSV

248,3, 56,5%, 100,0%

CMYK

48,6%, 56,5%, 0,0%, 0,0%

OKLCH

0,6343 0,2056 285,3

الخصائص

بارد فاتح الأقرب: slateblue 1

علم نفس الألوان

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

تناسقات الألوان

محاكاة عمى الألوان

استخدام CSS

background-color: #836FFF;
color: #836FFF;
border-color: #836FFF;
أقرب Tailwind: Indigo 500 #6366F1

ظلال Tailwind

فاحص التباين

نص على الأبيض

3,7:1

AA Fail AAA Fail

نص على الأسود

5,68:1

AA Pass AAA Fail

قارن مع

الأسئلة المتكررة

What are the RGB, HSL, and CMYK values of #836FFF?

RGB(131, 111, 255) · HSL(248,3, 100,0%, 71,8%) · CMYK(48,6%, 56,5%, 0,0%, 0,0%)

Does #836FFF meet WCAG contrast on white?

3,7:1 — WCAG AA فاشل, AAA فاشل for normal text.

What text color is readable on #836FFF?

Use 000000 text on a #836FFF background; contrast on black is 5,68:1.