#BAB0FF#BAB0FF

#BAB0FF لون فاتح ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.487؛ OKLCH L 79.5% C 0.111 H 289.4°. أفضل لون لنص المتن هو #000000 بتباين 10.74:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BAB0FF
RGBrgb(186, 176, 255)
HSLhsl(248, 100%, 85%)
HSVhsv(248, 31%, 100%)
CMYKcmyk(27.1%, 31%, 0%, 0%)
CIE-LABlab(75.27, 20.25, -37.79)
CIE-LCHlch(75.27, 42.87, 298.19°)
OKLaboklab(79.46% 0.0369 -0.1048)
OKLCHoklch(79.46% 0.111 289.4)
XYZxyz(53.8205, 48.7088, 101.1545)
Luminance0.4871 (WCAG relative)
Temperaturecool
Familyblue

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BAB0FF #F5FFB0
analogous
#B0CEFF #BAB0FF #E2B0FF
triadic
#BAB0FF #FFBAB0 #B0FFBA
tetradic
#BAB0FF #FFB0CE #F5FFB0 #B0FFE2
square
#BAB0FF #FFB0CE #F5FFB0 #B0FFE2
split-complementary
#BAB0FF #FFE2B0 #CEFFB0
monochromatic
#4F36FF #8573FF #BAB0FF #E4E0FF #E4E0FF

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

On white

1.95
#BAB0FF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.74
#BAB0FF on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BAB0FF#FFFFFF#000000##000000
##BAB0FF1.001.9510.7410.74
#FFFFFF1.951.0021.0021.00
#00000010.7421.001.001.00
##00000010.7421.001.001.00

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

Protanopia (red-blind)
#9BBBFF
Deuteranopia (green-blind)
#9BB8FD
Tritanopia (blue-blind)
#AABECC
Achromatopsia (no color)
#B9B9B9

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

CSS
--color: #bab0ff;
/* rgb */ color: rgb(186, 176, 255);
/* oklch */ color: oklch(79.5% 0.111 289.4);
Tailwind
colors: {
  custom: {
    50: '#d0c7ff',
    500: '#bab0ff',
    950: '#000000',
  },
}
SCSS
$custom: #bab0ff;
$custom-light: #d0c7ff;
$custom-dark: #000000;
JSON
{
  "hex": "#bab0ff",
  "rgb": {
    "r": 186,
    "g": 176,
    "b": 255
  },
  "hsl": {
    "h": 247.595,
    "s": 100,
    "l": 84.51
  },
  "oklch": {
    "l": 0.79458,
    "c": 0.11113,
    "h": 289.4
  },
  "luminance": 0.4871
}

Semantic roles & 50–950 ramp

primary
#BAB0FF
secondary
#F3F7D4
accent
#E600C8
background
#FCFCFF
surface
#F9F8FF
border
#D2D1D7
text
#141318
muted
#828286

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

معاينة مع #BAB0FF

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

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

#BAB0FF — Tintiva