#F684EC

#F684EC

قيم الألوان

HEX

#F684EC

RGB

246, 132, 236

HSL

305,3, 86,4%, 74,1%

HSV

305,3, 46,3%, 96,5%

CMYK

0,0%, 46,3%, 4,1%, 3,5%

OKLCH

0,7733 0,1862 330,5

الخصائص

دافئ فاتح الأقرب: violet

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

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

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

تكميلي

#F684EC

#84F68E

متشابه

#C784F6

#F684B3

#F684EC

ثلاثي

#F684EC

#ECF684

#84ECF6

تكميلي منقسم

#F684EC

#B3F684

#84F6C7

رباعي

#F684EC

#F6C784

#84F68E

#84B3F6

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

الأصلي

#F684EC

Protanopia

#C5C4D3

Deuteranopia

#CBD4CD

Tritanopia

#F0BFBB

Achromatopsia

#A4A4A4

استخدام CSS

background-color: #F684EC;

color: #F684EC;

border-color: #F684EC;

أقرب Tailwind: Fuchsia 400 #E879F9

ظلال Tailwind

فاحص التباين

نص على الأبيض

2,23:1

AA Fail AAA Fail

نص على الأسود

9,43:1

AA Pass AAA Pass

قارن مع

المقالات ذات الصلة

دروس تعليمية

دالة color-mix() في CSS: مزج الألوان محليًا في المتصفح

يناير 26, 2026

دروس تعليمية

بناء منتقي ألوان كـ Web Component من الصفر

يناير 21, 2026

دروس تعليمية

الفضاءات اللونية الإدراكية: Lab وLCH وOklab وOKLCH

يناير 15, 2026

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

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

RGB(246, 132, 236) · HSL(305,3, 86,4%, 74,1%) · CMYK(0,0%, 46,3%, 4,1%, 3,5%)

Does #F684EC meet WCAG contrast on white?

2,23:1 — WCAG AA فاشل, AAA فاشل for normal text.

What text color is readable on #F684EC?

Use 000000 text on a #F684EC background; contrast on black is 9,43:1.