#AB7BF0#AB7BF0

#AB7BF0 لون فاتح وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.291؛ OKLCH L 68.0% C 0.171 H 300.9°. أفضل لون لنص المتن هو #000000 بتباين 6.82:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AB7BF0
RGBrgb(171, 123, 240)
HSLhsl(265, 80%, 71%)
HSVhsv(265, 49%, 94%)
CMYKcmyk(28.8%, 48.7%, 0%, 5.9%)
CIE-LABlab(60.88, 42.06, -52.28)
CIE-LCHlch(60.88, 67.10, 308.81°)
OKLaboklab(68.01% 0.088 -0.147)
OKLCHoklch(68.01% 0.171 300.9)
XYZxyz(39.6021, 29.1150, 85.9546)
Luminance0.2912 (WCAG relative)
Temperaturecool
Familyviolet

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#AB7BF0 #C0F07B
analogous
#7B85F0 #AB7BF0 #E57BF0
triadic
#AB7BF0 #F0AB7B #7BF0AB
tetradic
#AB7BF0 #F07B85 #C0F07B #7BF0E5
square
#AB7BF0 #F07B85 #C0F07B #7BF0E5
split-complementary
#AB7BF0 #F0E57B #85F07B
monochromatic
#6719D8 #8844EA #AB7BF0 #CEB2F6 #EEE4FC

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

On white

3.08
#AB7BF0 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.82
#AB7BF0 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##AB7BF0#FFFFFF#000000##000000
##AB7BF01.003.086.826.82
#FFFFFF3.081.0021.0021.00
#0000006.8221.001.001.00
##0000006.8221.001.001.00

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

Protanopia (red-blind)
#5692F4
Deuteranopia (green-blind)
#6292ED
Tritanopia (blue-blind)
#9E91AA
Achromatopsia (no color)
#939393

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

CSS
--color: #ab7bf0;
/* rgb */ color: rgb(171, 123, 240);
/* oklch */ color: oklch(68.0% 0.171 300.9);
Tailwind
colors: {
  custom: {
    50: '#c7a2f5',
    500: '#ab7bf0',
    950: '#000000',
  },
}
SCSS
$custom: #ab7bf0;
$custom-light: #c7a2f5;
$custom-dark: #000000;
JSON
{
  "hex": "#ab7bf0",
  "rgb": {
    "r": 171,
    "g": 123,
    "b": 240
  },
  "hsl": {
    "h": 264.615,
    "s": 79.592,
    "l": 71.176
  },
  "oklch": {
    "l": 0.68009,
    "c": 0.17132,
    "h": 300.9
  },
  "luminance": 0.29115
}

Semantic roles & 50–950 ramp

primary
#AB7BF0
secondary
#E6F3D4
accent
#DC0A86
background
#FCFAFF
surface
#F8F4FE
border
#D1CED6
text
#130F17
muted
#827F85

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

معاينة مع #AB7BF0

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

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

#AB7BF0 — Tintiva