#A75E2E#A75E2E
#A75E2E لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.164؛ OKLCH L 55.7% C 0.114 H 51.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A75E2E |
|---|---|
| RGB | rgb(167, 94, 46) |
| HSL | hsl(24, 57%, 42%) |
| HSV | hsv(24, 72%, 65%) |
| CMYK | cmyk(0%, 43.7%, 72.5%, 34.5%) |
| CIE-LAB | lab(47.52, 25.73, 39.47) |
| CIE-LCH | lch(47.52, 47.12, 56.90°) |
| OKLab | oklab(55.72% 0.0706 0.0889) |
| OKLCH | oklch(55.72% 0.114 51.5) |
| XYZ | xyz(20.4339, 16.4204, 4.6776) |
| Luminance | 0.1642 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Sienna (survey)
#A9561E
ΔE00 2.81
Earth
#A2653E
ΔE00 3.28
Copper (survey)
#B66325
ΔE00 4.25
Sepia
#985E2B
ΔE00 4.44
Sienna
#A0522D
ΔE00 5.06
Cinnamon
#AC4F06
ΔE00 5.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A75E2E #2E77A7
analogous
#A72E3A #A75E2E #A79B2E
triadic
#A75E2E #2EA75E #5E2EA7
tetradic
#A75E2E #3AA72E #2E77A7 #9B2EA7
square
#A75E2E #3AA72E #2E77A7 #9B2EA7
split-complementary
#A75E2E #2EA79B #2E3AA7
monochromatic
#472814 #774321 #A75E2E #CC7B46 #D99D76
إمكانية الوصول والتباين
On white
4.90
#A75E2E on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.28
#A75E2E on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A75E2E
4.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A75E2E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A75E2E | 1.00 | 4.90 | 4.28 | 4.90 |
| #FFFFFF | 4.90 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.90 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#736729
Deuteranopia (green-blind)
#84772D
Tritanopia (blue-blind)
#B74F53
Achromatopsia (no color)
#717171
وسوم التصميم والكود
CSS
--color: #a75e2e; /* rgb */ color: rgb(167, 94, 46); /* oklch */ color: oklch(55.7% 0.114 51.5);
Tailwind
colors: {
custom: {
50: '#c78c69',
500: '#a75e2e',
950: '#000000',
},
}SCSS
$custom: #a75e2e; $custom-light: #c78c69; $custom-dark: #000000;
JSON
{
"hex": "#a75e2e",
"rgb": {
"r": 167,
"g": 94,
"b": 46
},
"hsl": {
"h": 23.802,
"s": 56.808,
"l": 41.765
},
"oklch": {
"l": 0.55716,
"c": 0.11358,
"h": 51.5
},
"luminance": 0.16418
}Semantic roles & 50–950 ramp
primary
#A75E2E
secondary
#70A1C1
accent
#A4E048
background
#FCF8F6
surface
#F9F0EB
border
#D2CBC6
text
#140C06
muted
#827D7A