#BB97C9#BB97C9

#BB97C9 لون فاتح ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.369؛ OKLCH L 72.6% C 0.081 H 316.4°. أفضل لون لنص المتن هو #000000 بتباين 8.38:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BB97C9
RGBrgb(187, 151, 201)
HSLhsl(283, 32%, 69%)
HSVhsv(283, 25%, 79%)
CMYKcmyk(7%, 24.9%, 0%, 21.2%)
CIE-LABlab(67.21, 22.46, -20.64)
CIE-LCHlch(67.21, 30.50, 317.43°)
OKLaboklab(72.61% 0.0588 -0.056)
OKLCHoklch(72.61% 0.081 316.4)
XYZxyz(42.1012, 36.9157, 60.1546)
Luminance0.3691 (WCAG relative)
Temperaturecool
Familypurple

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BB97C9 #A5C997
analogous
#A297C9 #BB97C9 #C997BE
triadic
#BB97C9 #C9BB97 #97C9BB
tetradic
#BB97C9 #C9A297 #A5C997 #97BEC9
square
#BB97C9 #C9A297 #A5C997 #97BEC9
split-complementary
#BB97C9 #BEC997 #97C9A2
monochromatic
#834E97 #A16FB4 #BB97C9 #D5BFDE #F0E8F3

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

On white

2.51
#BB97C9 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.38
#BB97C9 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##BB97C9#FFFFFF#000000##000000
##BB97C91.002.518.388.38
#FFFFFF2.511.0021.0021.00
#0000008.3821.001.001.00
##0000008.3821.001.001.00

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

Protanopia (red-blind)
#91A1CB
Deuteranopia (green-blind)
#98A5C7
Tritanopia (blue-blind)
#BB9DA8
Achromatopsia (no color)
#A4A4A4

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

CSS
--color: #bb97c9;
/* rgb */ color: rgb(187, 151, 201);
/* oklch */ color: oklch(72.6% 0.081 316.4);
Tailwind
colors: {
  custom: {
    50: '#d0b5d9',
    500: '#bb97c9',
    950: '#000000',
  },
}
SCSS
$custom: #bb97c9;
$custom-light: #d0b5d9;
$custom-dark: #000000;
JSON
{
  "hex": "#bb97c9",
  "rgb": {
    "r": 187,
    "g": 151,
    "b": 201
  },
  "hsl": {
    "h": 283.2,
    "s": 31.646,
    "l": 69.02
  },
  "oklch": {
    "l": 0.72611,
    "c": 0.08123,
    "h": 316.4
  },
  "luminance": 0.36915
}

Semantic roles & 50–950 ramp

primary
#BB97C9
secondary
#DBE5D7
accent
#AA3B5A
background
#FCFBFD
surface
#F9F6FA
border
#D2D0D3
text
#141114
muted
#828083

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

معاينة مع #BB97C9

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

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

#BB97C9 — Tintiva