#B99768#B99768
#B99768 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.334؛ OKLCH L 69.7% C 0.075 H 75.0°. أفضل لون لنص المتن هو #000000 بتباين 7.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B99768 |
|---|---|
| RGB | rgb(185, 151, 104) |
| HSL | hsl(35, 37%, 57%) |
| HSV | hsv(35, 44%, 73%) |
| CMYK | cmyk(0%, 18.4%, 43.8%, 27.5%) |
| CIE-LAB | lab(64.52, 6.37, 29.51) |
| CIE-LCH | lch(64.52, 30.19, 77.82°) |
| OKLab | oklab(69.66% 0.0194 0.0725) |
| OKLCH | oklch(69.66% 0.075 75) |
| XYZ | xyz(33.5740, 33.4487, 17.7818) |
| Luminance | 0.3345 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Camel
#C19A6B
ΔE00 2.04
Dust
#B2996E
ΔE00 2.94
Dark Beige
#AC9362
ΔE00 3.82
Pale Brown
#B1916E
ΔE00 3.83
Dark Sand
#A88F59
ΔE00 5.19
Taupe (survey)
#B9A281
ΔE00 5.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B99768 #688AB9
analogous
#B96F68 #B99768 #B3B968
triadic
#B99768 #68B997 #9768B9
tetradic
#B99768 #68B96F #688AB9 #B968B3
square
#B99768 #68B96F #688AB9 #B968B3
split-complementary
#B99768 #68B3B9 #6F68B9
monochromatic
#725835 #9C7948 #B99768 #CCB492 #E0D1BC
إمكانية الوصول والتباين
On white
2.73
#B99768 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.69
#B99768 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B99768
7.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B99768 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B99768 | 1.00 | 2.73 | 7.69 | 7.69 |
| #FFFFFF | 2.73 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A49865
Deuteranopia (green-blind)
#ACA069
Tritanopia (blue-blind)
#C58E8B
Achromatopsia (no color)
#9C9C9C
وسوم التصميم والكود
CSS
--color: #b99768; /* rgb */ color: rgb(185, 151, 104); /* oklch */ color: oklch(69.7% 0.075 75.0);
Tailwind
colors: {
custom: {
50: '#d0b593',
500: '#b99768',
950: '#000000',
},
}SCSS
$custom: #b99768; $custom-light: #d0b593; $custom-dark: #000000;
JSON
{
"hex": "#b99768",
"rgb": {
"r": 185,
"g": 151,
"b": 104
},
"hsl": {
"h": 34.815,
"s": 36.652,
"l": 56.667
},
"oklch": {
"l": 0.69655,
"c": 0.07508,
"h": 75
},
"luminance": 0.33447
}Semantic roles & 50–950 ramp
primary
#B99768
secondary
#AEBCCF
accent
#8BCD5B
background
#FCFBF9
surface
#F9F6F1
border
#D2D0CB
text
#14110D
muted
#82807E