#BB77B6#BB77B6

#BB77B6 لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.271؛ OKLCH L 66.2% C 0.119 H 329.4°. أفضل لون لنص المتن هو #000000 بتباين 6.43:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BB77B6
RGBrgb(187, 119, 182)
HSLhsl(304, 33%, 60%)
HSVhsv(304, 36%, 73%)
CMYKcmyk(0%, 36.4%, 2.7%, 26.7%)
CIE-LABlab(59.10, 36.48, -22.32)
CIE-LCHlch(59.10, 42.77, 328.54°)
OKLaboklab(66.2% 0.1024 -0.0605)
OKLCHoklch(66.2% 0.119 329.4)
XYZxyz(35.5333, 27.1374, 47.6132)
Luminance0.2714 (WCAG relative)
Temperatureneutral
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BB77B6 #77BB7C
analogous
#9E77BB #BB77B6 #BB7794
triadic
#BB77B6 #B6BB77 #77B6BB
tetradic
#BB77B6 #BB9E77 #77BB7C #7794BB
square
#BB77B6 #BB9E77 #77BB7C #7794BB
split-complementary
#BB77B6 #94BB77 #77BB9E
monochromatic
#7A3D76 #A3529D #BB77B6 #CFA0CC #E4C9E2

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

On white

3.27
#BB77B6 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.43
#BB77B6 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##BB77B6#FFFFFF#000000##000000
##BB77B61.003.276.436.43
#FFFFFF3.271.0021.0021.00
#0000006.4321.001.001.00
##0000006.4321.001.001.00

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

Protanopia (red-blind)
#7489B8
Deuteranopia (green-blind)
#8592B4
Tritanopia (blue-blind)
#C07C8E
Achromatopsia (no color)
#8E8E8E

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

CSS
--color: #bb77b6;
/* rgb */ color: rgb(187, 119, 182);
/* oklch */ color: oklch(66.2% 0.119 329.4);
Tailwind
colors: {
  custom: {
    50: '#d09fcc',
    500: '#bb77b6',
    950: '#000000',
  },
}
SCSS
$custom: #bb77b6;
$custom-light: #d09fcc;
$custom-dark: #000000;
JSON
{
  "hex": "#bb77b6",
  "rgb": {
    "r": 187,
    "g": 119,
    "b": 182
  },
  "hsl": {
    "h": 304.412,
    "s": 33.333,
    "l": 60
  },
  "oklch": {
    "l": 0.66202,
    "c": 0.11888,
    "h": 329.4
  },
  "luminance": 0.27136
}

Semantic roles & 50–950 ramp

primary
#BB77B6
secondary
#BAD4BC
accent
#C9665E
background
#FCF9FC
surface
#F9F2F8
border
#D2CCD1
text
#140F13
muted
#827E82

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

معاينة مع #BB77B6

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

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

#BB77B6 — Tintiva