#BC336A#BC336A

#BC336A لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.141؛ OKLCH L 54.4% C 0.178 H 0.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#BC336A
RGBrgb(188, 51, 106)
HSLhsl(336, 57%, 47%)
HSVhsv(336, 73%, 74%)
CMYKcmyk(0%, 72.9%, 43.6%, 26.3%)
CIE-LABlab(44.38, 58.06, 0.66)
CIE-LCHlch(44.38, 58.07, 0.66°)
OKLaboklab(54.38% 0.1781 0.0024)
OKLCHoklch(54.38% 0.178 0.8)
XYZxyz(24.5262, 14.1028, 15.0634)
Luminance0.1410 (WCAG relative)
Temperaturewarm
Familypink

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#BC336A #33BC85
analogous
#BC33AF #BC336A #BC4033
triadic
#BC336A #6ABC33 #336ABC
tetradic
#BC336A #AFBC33 #33BC85 #4033BC
square
#BC336A #AFBC33 #33BC85 #4033BC
split-complementary
#BC336A #33BC40 #33AFBC
monochromatic
#5C1934 #8C264F #BC336A #D25A8A #DF8AAC

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

On white

5.50
#BC336A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.82
#BC336A on #000000
AA ✗AA large ✓AAA ✗

أفضل لون للنص

#FFFFFF on #BC336A
5.50:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##BC336A#FFFFFF#000000##FFFFFF
##BC336A1.005.503.825.50
#FFFFFF5.501.0021.001.00
#0000003.8221.001.0021.00
##FFFFFF5.501.0021.001.00

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

Protanopia (red-blind)
#51586B
Deuteranopia (green-blind)
#767367
Tritanopia (blue-blind)
#CC1E4A
Achromatopsia (no color)
#696969

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

CSS
--color: #bc336a;
/* rgb */ color: rgb(188, 51, 106);
/* oklch */ color: oklch(54.4% 0.178 0.8);
Tailwind
colors: {
  custom: {
    50: '#d57694',
    500: '#bc336a',
    950: '#000000',
  },
}
SCSS
$custom: #bc336a;
$custom-light: #d57694;
$custom-dark: #000000;
JSON
{
  "hex": "#bc336a",
  "rgb": {
    "r": 188,
    "g": 51,
    "b": 106
  },
  "hsl": {
    "h": 335.912,
    "s": 57.322,
    "l": 46.863
  },
  "oklch": {
    "l": 0.54379,
    "c": 0.17808,
    "h": 0.8
  },
  "luminance": 0.141
}

Semantic roles & 50–950 ramp

primary
#BC336A
secondary
#81C9AC
accent
#E1A347
background
#FDF7F9
surface
#FBEEF1
border
#D4C9CB
text
#15090D
muted
#837B7E

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

معاينة مع #BC336A

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

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

#BC336A — Tintiva