#BE7868#BE7868
#BE7868 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.254؛ OKLCH L 64.3% C 0.092 H 33.6°. أفضل لون لنص المتن هو #000000 بتباين 6.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BE7868 |
|---|---|
| RGB | rgb(190, 120, 104) |
| HSL | hsl(11, 40%, 58%) |
| HSV | hsv(11, 45%, 75%) |
| CMYK | cmyk(0%, 36.8%, 45.3%, 25.5%) |
| CIE-LAB | lab(57.45, 25.56, 20.24) |
| CIE-LCH | lch(57.45, 32.60, 38.38°) |
| OKLab | oklab(64.28% 0.0765 0.0508) |
| OKLCH | oklch(64.28% 0.092 33.6) |
| XYZ | xyz(30.4520, 25.3821, 16.3894) |
| Luminance | 0.2538 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 3.27
Brownish Pink
#C27E79
ΔE00 4.79
Clay
#B66A50
ΔE00 5.86
Terracotta
#C96F4A
ΔE00 7.39
Adobe
#BD6C48
ΔE00 7.57
Dark Peach
#DE7E5D
ΔE00 7.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BE7868 #68AEBE
analogous
#BE6883 #BE7868 #BEA368
triadic
#BE7868 #68BE78 #7868BE
tetradic
#BE7868 #83BE68 #68AEBE #A368BE
square
#BE7868 #83BE68 #68AEBE #A368BE
split-complementary
#BE7868 #68BEA3 #6883BE
monochromatic
#784034 #A35746 #BE7868 #D09E93 #E3C4BE
إمكانية الوصول والتباين
On white
3.46
#BE7868 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.08
#BE7868 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BE7868
6.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BE7868 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BE7868 | 1.00 | 3.46 | 6.08 | 6.08 |
| #FFFFFF | 3.46 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.08 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.08 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#888167
Deuteranopia (green-blind)
#999067
Tritanopia (blue-blind)
#CD6E74
Achromatopsia (no color)
#8A8A8A
وسوم التصميم والكود
CSS
--color: #be7868; /* rgb */ color: rgb(190, 120, 104); /* oklch */ color: oklch(64.3% 0.092 33.6);
Tailwind
colors: {
custom: {
50: '#d49f93',
500: '#be7868',
950: '#000000',
},
}SCSS
$custom: #be7868; $custom-light: #d49f93; $custom-dark: #000000;
JSON
{
"hex": "#be7868",
"rgb": {
"r": 190,
"g": 120,
"b": 104
},
"hsl": {
"h": 11.163,
"s": 39.815,
"l": 57.647
},
"oklch": {
"l": 0.64281,
"c": 0.09179,
"h": 33.6
},
"luminance": 0.2538
}Semantic roles & 50–950 ramp
primary
#BE7868
secondary
#B0CCD2
accent
#B9D058
background
#FDF9F9
surface
#FAF2F1
border
#D3CCCB
text
#150E0D
muted
#837E7E