#BA9687#BA9687
#BA9687 لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.340؛ OKLCH L 70.2% C 0.049 H 43.8°. أفضل لون لنص المتن هو #000000 بتباين 7.80:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BA9687 |
|---|---|
| RGB | rgb(186, 150, 135) |
| HSL | hsl(18, 27%, 63%) |
| HSV | hsv(18, 27%, 73%) |
| CMYK | cmyk(0%, 19.4%, 27.4%, 27.1%) |
| CIE-LAB | lab(64.96, 11.20, 13.01) |
| CIE-LCH | lch(64.96, 17.16, 49.28°) |
| OKLab | oklab(70.22% 0.035 0.0336) |
| OKLCH | oklch(70.22% 0.049 43.8) |
| XYZ | xyz(35.5297, 34.0026, 27.6086) |
| Luminance | 0.3400 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mushroom
#BA9E88
ΔE00 5.40
Pinkish Tan
#D99B82
ΔE00 7.40
Rosybrown
#BC8F8F
ΔE00 7.68
Pinkish Grey
#C8ACA9
ΔE00 8.22
Pale Brown
#B1916E
ΔE00 9.00
Warm Grey
#978A84
ΔE00 9.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BA9687 #87ABBA
analogous
#BA8791 #BA9687 #BAAF87
triadic
#BA9687 #87BA96 #9687BA
tetradic
#BA9687 #91BA87 #87ABBA #AF87BA
square
#BA9687 #91BA87 #87ABBA #AF87BA
split-complementary
#BA9687 #87BAAF #8791BA
monochromatic
#7E5849 #A47460 #BA9687 #D0B8AE #E7DAD5
إمكانية الوصول والتباين
On white
2.69
#BA9687 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.80
#BA9687 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BA9687
7.80:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BA9687 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BA9687 | 1.00 | 2.69 | 7.80 | 7.80 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.80 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.80 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9F9986
Deuteranopia (green-blind)
#A7A187
Tritanopia (blue-blind)
#C49192
Achromatopsia (no color)
#9E9E9E
وسوم التصميم والكود
CSS
--color: #ba9687; /* rgb */ color: rgb(186, 150, 135); /* oklch */ color: oklch(70.2% 0.049 43.8);
Tailwind
colors: {
custom: {
50: '#cfb5aa',
500: '#ba9687',
950: '#000000',
},
}SCSS
$custom: #ba9687; $custom-light: #cfb5aa; $custom-dark: #000000;
JSON
{
"hex": "#ba9687",
"rgb": {
"r": 186,
"g": 150,
"b": 135
},
"hsl": {
"h": 17.647,
"s": 26.984,
"l": 62.941
},
"oklch": {
"l": 0.7022,
"c": 0.04853,
"h": 43.8
},
"luminance": 0.34001
}Semantic roles & 50–950 ramp
primary
#BA9687
secondary
#C5D2D8
accent
#88A640
background
#FCFBFA
surface
#F9F6F4
border
#D2D0CE
text
#141110
muted
#82807F