#A684D6#A684D6

#A684D6 لون فاتح وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.295؛ OKLCH L 67.7% C 0.123 H 302.3°. أفضل لون لنص المتن هو #000000 بتباين 6.89:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#A684D6
RGB	rgb(166, 132, 214)
HSL	hsl(265, 50%, 68%)
HSV	hsv(265, 38%, 84%)
CMYK	cmyk(22.4%, 38.3%, 0%, 16.1%)
CIE-LAB	lab(61.19, 29.43, -37.36)
CIE-LCH	lch(61.19, 47.55, 308.23°)
OKLab	oklab(67.72% 0.0657 -0.1038)
OKLCH	oklch(67.72% 0.123 302.3)
XYZ	xyz(36.1121, 29.4646, 67.3900)
Luminance	0.2947 (WCAG relative)
Temperature	cool
Family	violet

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary

#A684D6 #B4D684

analogous

#848BD6 #A684D6 #CF84D6

triadic

#A684D6 #D6A684 #84D6A6

tetradic

#A684D6 #D6848B #B4D684 #84D6CF

square

#A684D6 #D6848B #B4D684 #84D6CF

split-complementary

#A684D6 #D6CF84 #8BD684

monochromatic

#6638A8 #8556C7 #A684D6 #C7B2E5 #E8E0F5

إمكانية الوصول والتباين

On white

3.05

#A684D6 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.89

#A684D6 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #A684D6

6.89:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg	##A684D6	#FFFFFF	#000000	##000000
##A684D6	1.00	3.05	6.89	6.89
#FFFFFF	3.05	1.00	21.00	21.00
#000000	6.89	21.00	1.00	1.00
##000000	6.89	21.00	1.00	1.00

معاينة عمى الألوان

Protanopia (red-blind)

#7093D9

Deuteranopia (green-blind)

#7793D4

Tritanopia (blue-blind)

#9E91A3

Achromatopsia (no color)

#949494

وسوم التصميم والكود

CSS

--color: #a684d6;
/* rgb */ color: rgb(166, 132, 214);
/* oklch */ color: oklch(67.7% 0.123 302.3);

Tailwind

colors: {
  custom: {
    50: '#c2a8e3',
    500: '#a684d6',
    950: '#000000',
  },
}

SCSS

$custom: #a684d6;
$custom-light: #c2a8e3;
$custom-dark: #000000;

JSON

{
  "hex": "#a684d6",
  "rgb": {
    "r": 166,
    "g": 132,
    "b": 214
  },
  "hsl": {
    "h": 264.878,
    "s": 50,
    "l": 67.843
  },
  "oklch": {
    "l": 0.67716,
    "c": 0.12283,
    "h": 302.3
  },
  "luminance": 0.29465
}

Semantic roles & 50–950 ramp

primary

#A684D6

secondary

#DDE8CE

accent

#BD287F

background

#FCFAFD

surface

#F8F4FB

border

#D1CED4

text

#120F15

muted

#817F83

مختبر المعاينة

معاينة مع #A684D6

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →