#BF836B#BF836B
#BF836B لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.284؛ OKLCH L 66.5% C 0.082 H 42.6°. أفضل لون لنص المتن هو #000000 بتباين 6.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BF836B |
|---|---|
| RGB | rgb(191, 131, 107) |
| HSL | hsl(17, 40%, 58%) |
| HSV | hsv(17, 44%, 75%) |
| CMYK | cmyk(0%, 31.4%, 44%, 25.1%) |
| CIE-LAB | lab(60.22, 20.21, 22.30) |
| CIE-LCH | lch(60.22, 30.10, 47.81°) |
| OKLab | oklab(66.47% 0.0605 0.0557) |
| OKLCH | oklch(66.47% 0.082 42.6) |
| XYZ | xyz(32.2575, 28.3728, 17.6846) |
| Luminance | 0.2837 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pinkish Brown
#B17261
ΔE00 6.15
Dark Peach
#DE7E5D
ΔE00 7.03
Terracotta
#C96F4A
ΔE00 7.46
Pinkish Tan
#D99B82
ΔE00 7.52
Brownish Pink
#C27E79
ΔE00 7.80
Adobe
#BD6C48
ΔE00 7.86
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BF836B #6BA7BF
analogous
#BF6B7D #BF836B #BFAD6B
triadic
#BF836B #6BBF83 #836BBF
tetradic
#BF836B #7DBF6B #6BA7BF #AD6BBF
square
#BF836B #7DBF6B #6BA7BF #AD6BBF
split-complementary
#BF836B #6BBFAD #6B7DBF
monochromatic
#7B4935 #A56247 #BF836B #D1A796 #E4CBC0
إمكانية الوصول والتباين
On white
3.15
#BF836B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.67
#BF836B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #BF836B
6.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BF836B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BF836B | 1.00 | 3.15 | 6.67 | 6.67 |
| #FFFFFF | 3.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#928A69
Deuteranopia (green-blind)
#A0966B
Tritanopia (blue-blind)
#CD797D
Achromatopsia (no color)
#919191
وسوم التصميم والكود
CSS
--color: #bf836b; /* rgb */ color: rgb(191, 131, 107); /* oklch */ color: oklch(66.5% 0.082 42.6);
Tailwind
colors: {
custom: {
50: '#d4a795',
500: '#bf836b',
950: '#000000',
},
}SCSS
$custom: #bf836b; $custom-light: #d4a795; $custom-dark: #000000;
JSON
{
"hex": "#bf836b",
"rgb": {
"r": 191,
"g": 131,
"b": 107
},
"hsl": {
"h": 17.143,
"s": 39.623,
"l": 58.431
},
"oklch": {
"l": 0.6647,
"c": 0.08229,
"h": 42.6
},
"luminance": 0.28371
}Semantic roles & 50–950 ramp
primary
#BF836B
secondary
#B2CAD4
accent
#ADD058
background
#FDFAF9
surface
#FAF4F1
border
#D3CECB
text
#140F0D
muted
#837F7E