#BB5588#BB5588

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

قيم اللون

HEX	#BB5588
RGB	rgb(187, 85, 136)
HSL	hsl(330, 43%, 53%)
HSV	hsv(330, 55%, 73%)
CMYK	cmyk(0%, 54.5%, 27.3%, 26.7%)
CIE-LAB	lab(50.50, 46.79, -8.52)
CIE-LCH	lch(50.50, 47.56, 349.67°)
OKLab	oklab(59.2% 0.1415 -0.0221)
OKLCH	oklch(59.2% 0.143 351.1)
XYZ	xyz(28.1870, 18.8419, 25.4401)
Luminance	0.1884 (WCAG relative)
Temperature	warm
Family	pink

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#BB5588 #55BB88

analogous

#BB55BB #BB5588 #BB5555

triadic

#BB5588 #88BB55 #5588BB

tetradic

#BB5588 #BBBB55 #55BB88 #5555BB

square

#BB5588 #BBBB55 #55BB88 #5555BB

split-complementary

#BB5588 #55BB55 #55BBBB

monochromatic

#6B2B4B #973C69 #BB5588 #CC81A7 #DEACC5

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

On white

4.40

#BB5588 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.77

#BB5588 on #000000

AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #BB5588

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

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

fg \ bg	##BB5588	#FFFFFF	#000000	##000000
##BB5588	1.00	4.40	4.77	4.77
#FFFFFF	4.40	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)

#626D8A

Deuteranopia (green-blind)

#7D7F86

Tritanopia (blue-blind)

#C75169

Achromatopsia (no color)

#787878

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

CSS

--color: #bb5588;
/* rgb */ color: rgb(187, 85, 136);
/* oklch */ color: oklch(59.2% 0.143 351.1);

Tailwind

colors: {
  custom: {
    50: '#d289aa',
    500: '#bb5588',
    950: '#000000',
  },
}

SCSS

$custom: #bb5588;
$custom-light: #d289aa;
$custom-dark: #000000;

JSON

{
  "hex": "#bb5588",
  "rgb": {
    "r": 187,
    "g": 85,
    "b": 136
  },
  "hsl": {
    "h": 330,
    "s": 42.857,
    "l": 53.333
  },
  "oklch": {
    "l": 0.592,
    "c": 0.14318,
    "h": 351.1
  },
  "luminance": 0.18839
}

Semantic roles & 50–950 ramp

primary

#BB5588

secondary

#A0CCB6

accent

#D39455

background

#FDF8FA

surface

#FAF0F4

border

#D3CBCE

text

#140C10

muted

#837D7F

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

معاينة مع #BB5588

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

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