#BC384E#BC384E

#BC384E لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.141؛ OKLCH L 54.1% C 0.168 H 15.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.51:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#BC384E
RGB	rgb(188, 56, 78)
HSL	hsl(350, 54%, 48%)
HSV	hsv(350, 70%, 74%)
CMYK	cmyk(0%, 70.2%, 58.5%, 26.3%)
CIE-LAB	lab(44.34, 53.88, 17.94)
CIE-LCH	lch(44.34, 56.79, 18.42°)
OKLab	oklab(54.12% 0.1617 0.0443)
OKLCH	oklch(54.12% 0.168 15.3)
XYZ	xyz(23.5306, 14.0731, 8.6836)
Luminance	0.1407 (WCAG relative)
Temperature	warm
Family	red

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#BC384E #38BCA6

analogous

#BC3890 #BC384E #BC6438

triadic

#BC384E #4EBC38 #384EBC

tetradic

#BC384E #90BC38 #38BCA6 #6438BC

square

#BC384E #90BC38 #38BCA6 #6438BC

split-complementary

#BC384E #38BC64 #3890BC

monochromatic

#5E1C27 #8D2A3A #BC384E #D06174 #DE909D

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

On white

5.51

#BC384E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.81

#BC384E on #000000

AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #BC384E

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

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

fg \ bg	##BC384E	#FFFFFF	#000000	##FFFFFF
##BC384E	1.00	5.51	3.81	5.51
#FFFFFF	5.51	1.00	21.00	1.00
#000000	3.81	21.00	1.00	21.00
##FFFFFF	5.51	1.00	21.00	1.00

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

Protanopia (red-blind)

#5A574E

Deuteranopia (green-blind)

#7C734B

Tritanopia (blue-blind)

#CE1741

Achromatopsia (no color)

#696969

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

CSS

--color: #bc384e;
/* rgb */ color: rgb(188, 56, 78);
/* oklch */ color: oklch(54.1% 0.168 15.3);

Tailwind

colors: {
  custom: {
    50: '#d7787f',
    500: '#bc384e',
    950: '#000000',
  },
}

SCSS

$custom: #bc384e;
$custom-light: #d7787f;
$custom-dark: #000000;

JSON

{
  "hex": "#bc384e",
  "rgb": {
    "r": 188,
    "g": 56,
    "b": 78
  },
  "hsl": {
    "h": 350,
    "s": 54.098,
    "l": 47.843
  },
  "oklch": {
    "l": 0.5412,
    "c": 0.16766,
    "h": 15.3
  },
  "luminance": 0.1407
}

Semantic roles & 50–950 ramp

primary

#BC384E

secondary

#87C9BE

accent

#DDC54A

background

#FEF7F7

surface

#FCEEEE

border

#D5C9C9

text

#16090A

muted

#847B7C

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

معاينة مع #BC384E

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

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