#BB5A66#BB5A66

#BB5A66 لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.188؛ OKLCH L 58.9% C 0.125 H 14.0°. أفضل لون لنص المتن هو #000000 بتباين 4.77:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#BB5A66
RGB	rgb(187, 90, 102)
HSL	hsl(353, 42%, 54%)
HSV	hsv(353, 52%, 73%)
CMYK	cmyk(0%, 51.9%, 45.5%, 26.7%)
CIE-LAB	lab(50.50, 40.21, 11.81)
CIE-LCH	lch(50.50, 41.91, 16.36°)
OKLab	oklab(58.88% 0.1216 0.0303)
OKLCH	oklch(58.88% 0.125 14)
XYZ	xyz(26.5497, 18.8392, 14.8059)
Luminance	0.1884 (WCAG relative)
Temperature	warm
Family	red

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#BB5A66 #5ABBAF

analogous

#BB5A97 #BB5A66 #BB7F5A

triadic

#BB5A66 #66BB5A #5A66BB

tetradic

#BB5A66 #97BB5A #5ABBAF #7F5ABB

square

#BB5A66 #97BB5A #5ABBAF #7F5ABB

split-complementary

#BB5A66 #5ABB7F #5A97BB

monochromatic

#6D2D35 #993F4A #BB5A66 #CD858E #DFB1B6

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

On white

4.41

#BB5A66 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.77

#BB5A66 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #BB5A66

4.77:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##BB5A66	#FFFFFF	#000000	##000000
##BB5A66	1.00	4.41	4.77	4.77
#FFFFFF	4.41	1.00	21.00	21.00
#000000	4.77	21.00	1.00	1.00
##000000	4.77	21.00	1.00	1.00

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

Protanopia (red-blind)

#6E6C66

Deuteranopia (green-blind)

#868064

Tritanopia (blue-blind)

#CA4E5F

Achromatopsia (no color)

#787878

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

CSS

--color: #bb5a66;
/* rgb */ color: rgb(187, 90, 102);
/* oklch */ color: oklch(58.9% 0.125 14.0);

Tailwind

colors: {
  custom: {
    50: '#d38b91',
    500: '#bb5a66',
    950: '#000000',
  },
}

SCSS

$custom: #bb5a66;
$custom-light: #d38b91;
$custom-dark: #000000;

JSON

{
  "hex": "#bb5a66",
  "rgb": {
    "r": 187,
    "g": 90,
    "b": 102
  },
  "hsl": {
    "h": 352.577,
    "s": 41.631,
    "l": 54.314
  },
  "oklch": {
    "l": 0.58882,
    "c": 0.12529,
    "h": 14
  },
  "luminance": 0.18836
}

Semantic roles & 50–950 ramp

primary

#BB5A66

secondary

#A4CDC8

accent

#D1C256

background

#FDF8F8

surface

#FBF0F0

border

#D4CBCB

text

#150C0C

muted

#837D7D

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

معاينة مع #BB5A66

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

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