#BB9D76#BB9D76
#BB9D76 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.360؛ OKLCH L 71.3% C 0.064 H 73.8°. أفضل لون لنص المتن هو #000000 بتباين 8.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BB9D76 |
|---|---|
| RGB | rgb(187, 157, 118) |
| HSL | hsl(34, 34%, 60%) |
| HSV | hsv(34, 37%, 73%) |
| CMYK | cmyk(0%, 16%, 36.9%, 26.7%) |
| CIE-LAB | lab(66.51, 5.51, 24.55) |
| CIE-LCH | lch(66.51, 25.17, 77.34°) |
| OKLab | oklab(71.34% 0.0179 0.0614) |
| OKLCH | oklch(71.34% 0.064 73.8) |
| XYZ | xyz(35.8214, 35.9883, 22.1956) |
| Luminance | 0.3599 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Taupe (survey)
#B9A281
ΔE00 2.85
Camel
#C19A6B
ΔE00 3.00
Dust
#B2996E
ΔE00 3.01
Pale Brown
#B1916E
ΔE00 3.94
Toupe
#C7AC7D
ΔE00 4.95
Dark Beige
#AC9362
ΔE00 5.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BB9D76 #7694BB
analogous
#BB7A76 #BB9D76 #B7BB76
triadic
#BB9D76 #76BB9D #9D76BB
tetradic
#BB9D76 #76BB7A #7694BB #BB76B7
square
#BB9D76 #76BB7A #7694BB #BB76B7
split-complementary
#BB9D76 #76B7BB #7A76BB
monochromatic
#7A5F3D #A37F51 #BB9D76 #CFBA9F #E4D8C8
إمكانية الوصول والتباين
On white
2.56
#BB9D76 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.20
#BB9D76 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BB9D76
8.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BB9D76 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BB9D76 | 1.00 | 2.56 | 8.20 | 8.20 |
| #FFFFFF | 2.56 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.20 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A89E73
Deuteranopia (green-blind)
#AFA577
Tritanopia (blue-blind)
#C69593
Achromatopsia (no color)
#A2A2A2
وسوم التصميم والكود
CSS
--color: #bb9d76; /* rgb */ color: rgb(187, 157, 118); /* oklch */ color: oklch(71.3% 0.064 73.8);
Tailwind
colors: {
custom: {
50: '#d0b99d',
500: '#bb9d76',
950: '#000000',
},
}SCSS
$custom: #bb9d76; $custom-light: #d0b99d; $custom-dark: #000000;
JSON
{
"hex": "#bb9d76",
"rgb": {
"r": 187,
"g": 157,
"b": 118
},
"hsl": {
"h": 33.913,
"s": 33.659,
"l": 59.804
},
"oklch": {
"l": 0.71339,
"c": 0.06396,
"h": 73.8
},
"luminance": 0.35987
}Semantic roles & 50–950 ramp
primary
#BB9D76
secondary
#B9C5D4
accent
#8DCA5E
background
#FCFBF9
surface
#F9F6F2
border
#D2D0CC
text
#14110E
muted
#82807E