#AB77BD#AB77BD

#AB77BD لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.255؛ OKLCH L 64.7% C 0.116 H 317.1°. أفضل لون لنص المتن هو #000000 بتباين 6.11:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AB77BD
RGBrgb(171, 119, 189)
HSLhsl(285, 35%, 60%)
HSVhsv(285, 37%, 74%)
CMYKcmyk(9.5%, 37%, 0%, 25.9%)
CIE-LABlab(57.58, 32.73, -28.80)
CIE-LCHlch(57.58, 43.60, 318.65°)
OKLaboklab(64.75% 0.0852 -0.0791)
OKLCHoklch(64.75% 0.116 317.1)
XYZxyz(32.5754, 25.5265, 51.3453)
Luminance0.2553 (WCAG relative)
Temperaturecool
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AB77BD #89BD77
analogous
#8877BD #AB77BD #BD77AC
triadic
#AB77BD #BDAB77 #77BDAB
tetradic
#AB77BD #BD8877 #89BD77 #77ACBD
square
#AB77BD #BD8877 #89BD77 #77ACBD
split-complementary
#AB77BD #ACBD77 #77BD88
monochromatic
#6C3D7D #9051A6 #AB77BD #C4A0D1 #DEC9E5

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

On white

3.44
#AB77BD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.11
#AB77BD on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #AB77BD
6.11:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##AB77BD#FFFFFF#000000##000000
##AB77BD1.003.446.116.11
#FFFFFF3.441.0021.0021.00
#0000006.1121.001.001.00
##0000006.1121.001.001.00

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

Protanopia (red-blind)
#6D87C0
Deuteranopia (green-blind)
#798CBB
Tritanopia (blue-blind)
#AB8091
Achromatopsia (no color)
#8A8A8A

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

CSS
--color: #ab77bd;
/* rgb */ color: rgb(171, 119, 189);
/* oklch */ color: oklch(64.7% 0.116 317.1);
Tailwind
colors: {
  custom: {
    50: '#c59fd1',
    500: '#ab77bd',
    950: '#000000',
  },
}
SCSS
$custom: #ab77bd;
$custom-light: #c59fd1;
$custom-dark: #000000;
JSON
{
  "hex": "#ab77bd",
  "rgb": {
    "r": 171,
    "g": 119,
    "b": 189
  },
  "hsl": {
    "h": 284.571,
    "s": 34.653,
    "l": 60.392
  },
  "oklch": {
    "l": 0.64748,
    "c": 0.11624,
    "h": 317.1
  },
  "luminance": 0.25526
}

Semantic roles & 50–950 ramp

primary
#AB77BD
secondary
#C1D5BB
accent
#AD3856
background
#FCF9FC
surface
#F8F2F9
border
#D1CCD2
text
#130E14
muted
#827E82

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

معاينة مع #AB77BD

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

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

#AB77BD — Tintiva