#B0795B#B0795B
#B0795B لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.237؛ OKLCH L 62.5% C 0.081 H 49.4°. أفضل لون لنص المتن هو #000000 بتباين 5.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B0795B |
|---|---|
| RGB | rgb(176, 121, 91) |
| HSL | hsl(21, 35%, 52%) |
| HSV | hsv(21, 48%, 69%) |
| CMYK | cmyk(0%, 31.3%, 48.3%, 31%) |
| CIE-LAB | lab(55.75, 17.92, 25.07) |
| CIE-LCH | lch(55.75, 30.82, 54.44°) |
| OKLab | oklab(62.52% 0.053 0.0618) |
| OKLCH | oklch(62.52% 0.081 49.4) |
| XYZ | xyz(26.6315, 23.6622, 13.0601) |
| Luminance | 0.2366 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Adobe
#BD6C48
ΔE00 5.84
Pinkish Brown
#B17261
ΔE00 5.85
Brownish
#9C6D57
ΔE00 5.94
Clay
#B66A50
ΔE00 6.15
Clay Brown
#B2713D
ΔE00 6.43
Mocha
#9D7651
ΔE00 6.63
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B0795B #5B92B0
analogous
#B05B68 #B0795B #B0A35B
triadic
#B0795B #5BB079 #795BB0
tetradic
#B0795B #68B05B #5B92B0 #A35BB0
square
#B0795B #68B05B #5B92B0 #A35BB0
split-complementary
#B0795B #5BB0A3 #5B68B0
monochromatic
#62412F #8B5C43 #B0795B #C49B84 #D8BCAE
إمكانية الوصول والتباين
On white
3.66
#B0795B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.73
#B0795B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B0795B
5.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B0795B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B0795B | 1.00 | 3.66 | 5.73 | 5.73 |
| #FFFFFF | 3.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#887F59
Deuteranopia (green-blind)
#958A5B
Tritanopia (blue-blind)
#BD6F71
Achromatopsia (no color)
#868686
وسوم التصميم والكود
CSS
--color: #b0795b; /* rgb */ color: rgb(176, 121, 91); /* oklch */ color: oklch(62.5% 0.081 49.4);
Tailwind
colors: {
custom: {
50: '#caa089',
500: '#b0795b',
950: '#000000',
},
}SCSS
$custom: #b0795b; $custom-light: #caa089; $custom-dark: #000000;
JSON
{
"hex": "#b0795b",
"rgb": {
"r": 176,
"g": 121,
"b": 91
},
"hsl": {
"h": 21.176,
"s": 34.979,
"l": 52.353
},
"oklch": {
"l": 0.62522,
"c": 0.08136,
"h": 49.4
},
"luminance": 0.2366
}Semantic roles & 50–950 ramp
primary
#B0795B
secondary
#A1B9C6
accent
#A4CB5D
background
#FCF9F8
surface
#F9F2F0
border
#D2CCCB
text
#140E0B
muted
#827E7C