#BC1E46#BC1E46
#BC1E46 لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.121؛ OKLCH L 51.8% C 0.190 H 14.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BC1E46 |
|---|---|
| RGB | rgb(188, 30, 70) |
| HSL | hsl(345, 72%, 43%) |
| HSV | hsv(345, 84%, 74%) |
| CMYK | cmyk(0%, 84%, 62.8%, 26.3%) |
| CIE-LAB | lab(41.32, 61.37, 18.91) |
| CIE-LCH | lch(41.32, 64.21, 17.13°) |
| OKLab | oklab(51.83% 0.1843 0.0459) |
| OKLCH | oklch(51.83% 0.19 14) |
| XYZ | xyz(22.3112, 12.0656, 6.9473) |
| Luminance | 0.1206 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Ruby
#CA0147
ΔE00 2.37
Rose Red
#BE013C
ΔE00 2.39
Rouge
#AB1239
ΔE00 4.22
Cardinal
#C41E3A
ΔE00 4.67
Lipstick
#D5174E
ΔE00 4.87
Raspberry (survey)
#B00149
ΔE00 5.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BC1E46 #1EBC94
analogous
#BC1E95 #BC1E46 #BC451E
triadic
#BC1E46 #46BC1E #1E46BC
tetradic
#BC1E46 #95BC1E #1EBC94 #451EBC
square
#BC1E46 #95BC1E #1EBC94 #451EBC
split-complementary
#BC1E46 #1EBC45 #1E95BC
monochromatic
#520D1F #871632 #BC1E46 #DF3862 #E86D8C
إمكانية الوصول والتباين
On white
6.15
#BC1E46 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.41
#BC1E46 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #BC1E46
6.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BC1E46 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##BC1E46 | 1.00 | 6.15 | 3.41 | 6.15 |
| #FFFFFF | 6.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.15 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4F4D46
Deuteranopia (green-blind)
#766D42
Tritanopia (blue-blind)
#CE0030
Achromatopsia (no color)
#616161
وسوم التصميم والكود
CSS
--color: #bc1e46; /* rgb */ color: rgb(188, 30, 70); /* oklch */ color: oklch(51.8% 0.190 14.0);
Tailwind
colors: {
custom: {
50: '#d86d79',
500: '#bc1e46',
950: '#000000',
},
}SCSS
$custom: #bc1e46; $custom-light: #d86d79; $custom-dark: #000000;
JSON
{
"hex": "#bc1e46",
"rgb": {
"r": 188,
"g": 30,
"b": 70
},
"hsl": {
"h": 344.81,
"s": 72.477,
"l": 42.745
},
"oklch": {
"l": 0.51833,
"c": 0.18998,
"h": 14
},
"luminance": 0.12062
}Semantic roles & 50–950 ramp
primary
#BC1E46
secondary
#68CEB4
accent
#EFC139
background
#FEF7F7
surface
#FCEDED
border
#D5C8C8
text
#160809
muted
#847B7B