#B87573#B87573
#B87573 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.242؛ OKLCH L 63.3% C 0.085 H 21.6°. أفضل لون لنص المتن هو #000000 بتباين 5.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B87573 |
|---|---|
| RGB | rgb(184, 117, 115) |
| HSL | hsl(2, 33%, 59%) |
| HSV | hsv(2, 38%, 72%) |
| CMYK | cmyk(0%, 36.4%, 37.5%, 27.8%) |
| CIE-LAB | lab(56.24, 26.09, 12.13) |
| CIE-LCH | lch(56.24, 28.77, 24.93°) |
| OKLab | oklab(63.27% 0.079 0.0313) |
| OKLCH | oklch(63.27% 0.085 21.6) |
| XYZ | xyz(29.2242, 24.1529, 19.3391) |
| Luminance | 0.2415 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brownish Pink
#C27E79
ΔE00 3.31
Dusty Rose
#C0737A
ΔE00 3.57
Dirty Pink
#CA7B80
ΔE00 4.66
Dusky Rose
#BA6873
ΔE00 5.51
Old Pink
#C77986
ΔE00 6.19
Old Rose
#C87F89
ΔE00 6.20
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B87573 #73B6B8
analogous
#B87393 #B87573 #B89773
triadic
#B87573 #73B875 #7573B8
tetradic
#B87573 #93B873 #73B6B8 #9773B8
square
#B87573 #93B873 #73B6B8 #9773B8
split-complementary
#B87573 #73B897 #7393B8
monochromatic
#753D3B #9E5250 #B87573 #CD9D9C #E1C5C4
إمكانية الوصول والتباين
On white
3.60
#B87573 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.83
#B87573 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B87573
5.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B87573 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B87573 | 1.00 | 3.60 | 5.83 | 5.83 |
| #FFFFFF | 3.60 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.83 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.83 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#837F73
Deuteranopia (green-blind)
#938C72
Tritanopia (blue-blind)
#C56D75
Achromatopsia (no color)
#878787
وسوم التصميم والكود
CSS
--color: #b87573; /* rgb */ color: rgb(184, 117, 115); /* oklch */ color: oklch(63.3% 0.085 21.6);
Tailwind
colors: {
custom: {
50: '#cf9d9b',
500: '#b87573',
950: '#000000',
},
}SCSS
$custom: #b87573; $custom-light: #cf9d9b; $custom-dark: #000000;
JSON
{
"hex": "#b87573",
"rgb": {
"r": 184,
"g": 117,
"b": 115
},
"hsl": {
"h": 1.739,
"s": 32.701,
"l": 58.627
},
"oklch": {
"l": 0.63271,
"c": 0.08499,
"h": 21.6
},
"luminance": 0.24151
}Semantic roles & 50–950 ramp
primary
#B87573
secondary
#B6D0D1
accent
#C6C95F
background
#FDF9F9
surface
#FAF2F2
border
#D3CCCC
text
#140E0E
muted
#837E7E