#AF86E2#AF86E2

#AF86E2 لون فاتح وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.317؛ OKLCH L 69.5% C 0.137 H 303.6°. أفضل لون لنص المتن هو #000000 بتباين 7.33:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#AF86E2
RGB	rgb(175, 134, 226)
HSL	hsl(267, 61%, 71%)
HSV	hsv(267, 41%, 89%)
CMYK	cmyk(22.6%, 40.7%, 0%, 11.4%)
CIE-LAB	lab(63.06, 33.71, -41.06)
CIE-LCH	lch(63.06, 53.13, 309.38°)
OKLab	oklab(69.51% 0.0759 -0.1143)
OKLCH	oklch(69.51% 0.137 303.6)
XYZ	xyz(39.9289, 31.6552, 75.9433)
Luminance	0.3165 (WCAG relative)
Temperature	cool
Family	violet

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#AF86E2 #B9E286

analogous

#868BE2 #AF86E2 #DD86E2

triadic

#AF86E2 #E2AF86 #86E2AF

tetradic

#AF86E2 #E2868B #B9E286 #86E2DD

square

#AF86E2 #E2868B #B9E286 #86E2DD

split-complementary

#AF86E2 #E2DD86 #8BE286

monochromatic

#6F2EC0 #8E55D6 #AF86E2 #D0B7EE #EFE6F9

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

On white

2.86

#AF86E2 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.33

#AF86E2 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #AF86E2

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

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

fg \ bg	##AF86E2	#FFFFFF	#000000	##000000
##AF86E2	1.00	2.86	7.33	7.33
#FFFFFF	2.86	1.00	21.00	21.00
#000000	7.33	21.00	1.00	1.00
##000000	7.33	21.00	1.00	1.00

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

Protanopia (red-blind)

#6F98E5

Deuteranopia (green-blind)

#7899E0

Tritanopia (blue-blind)

#A795A9

Achromatopsia (no color)

#999999

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

CSS

--color: #af86e2;
/* rgb */ color: rgb(175, 134, 226);
/* oklch */ color: oklch(69.5% 0.137 303.6);

Tailwind

colors: {
  custom: {
    50: '#c8aaeb',
    500: '#af86e2',
    950: '#000000',
  },
}

SCSS

$custom: #af86e2;
$custom-light: #c8aaeb;
$custom-dark: #000000;

JSON

{
  "hex": "#af86e2",
  "rgb": {
    "r": 175,
    "g": 134,
    "b": 226
  },
  "hsl": {
    "h": 266.739,
    "s": 61.333,
    "l": 70.588
  },
  "oklch": {
    "l": 0.69508,
    "c": 0.13719,
    "h": 303.6
  },
  "luminance": 0.31655
}

Semantic roles & 50–950 ramp

primary

#AF86E2

secondary

#E3EED5

accent

#C91C7C

background

#FCFAFE

surface

#F8F4FD

border

#D1CED5

text

#131016

muted

#827F84

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

معاينة مع #AF86E2

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

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