#BB5770#BB5770

#BB5770 لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.186؛ OKLCH L 58.7% C 0.131 H 6.3°. أفضل لون لنص المتن هو #000000 بتباين 4.71:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BB5770
RGBrgb(187, 87, 112)
HSLhsl(345, 42%, 54%)
HSVhsv(345, 53%, 73%)
CMYKcmyk(0%, 53.5%, 40.1%, 26.7%)
CIE-LABlab(50.16, 42.81, 5.34)
CIE-LCHlch(50.16, 43.14, 7.11°)
OKLaboklab(58.71% 0.1301 0.0143)
OKLCHoklch(58.71% 0.131 6.3)
XYZxyz(26.8279, 18.5538, 17.4945)
Luminance0.1855 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BB5770 #57BBA2
analogous
#BB57A2 #BB5770 #BB7057
triadic
#BB5770 #70BB57 #5770BB
tetradic
#BB5770 #A2BB57 #57BBA2 #7057BB
square
#BB5770 #A2BB57 #57BBA2 #7057BB
split-complementary
#BB5770 #57BB70 #57A2BB
monochromatic
#6C2C3C #973D54 #BB5770 #CD8395 #DEAEBA

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

On white

4.46
#BB5770 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.71
#BB5770 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##BB5770#FFFFFF#000000##000000
##BB57701.004.464.714.71
#FFFFFF4.461.0021.0021.00
#0000004.7121.001.001.00
##0000004.7121.001.001.00

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

Protanopia (red-blind)
#6A6B71
Deuteranopia (green-blind)
#837F6E
Tritanopia (blue-blind)
#CA4D60
Achromatopsia (no color)
#777777

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

CSS
--color: #bb5770;
/* rgb */ color: rgb(187, 87, 112);
/* oklch */ color: oklch(58.7% 0.131 6.3);
Tailwind
colors: {
  custom: {
    50: '#d38a98',
    500: '#bb5770',
    950: '#000000',
  },
}
SCSS
$custom: #bb5770;
$custom-light: #d38a98;
$custom-dark: #000000;
JSON
{
  "hex": "#bb5770",
  "rgb": {
    "r": 187,
    "g": 87,
    "b": 112
  },
  "hsl": {
    "h": 345,
    "s": 42.373,
    "l": 53.725
  },
  "oklch": {
    "l": 0.58709,
    "c": 0.13092,
    "h": 6.3
  },
  "luminance": 0.18551
}

Semantic roles & 50–950 ramp

primary
#BB5770
secondary
#A2CCC2
accent
#D2B356
background
#FDF8F9
surface
#FAF0F2
border
#D3CBCC
text
#150C0D
muted
#837D7E

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

معاينة مع #BB5770

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

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

#BB5770 — Tintiva