#AE8963#AE8963
#AE8963 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.278؛ OKLCH L 65.6% C 0.069 H 66.9°. أفضل لون لنص المتن هو #000000 بتباين 6.56:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AE8963 |
|---|---|
| RGB | rgb(174, 137, 99) |
| HSL | hsl(30, 32%, 54%) |
| HSV | hsv(30, 43%, 68%) |
| CMYK | cmyk(0%, 21.3%, 43.1%, 31.8%) |
| CIE-LAB | lab(59.70, 8.97, 25.74) |
| CIE-LCH | lch(59.70, 27.26, 70.79°) |
| OKLab | oklab(65.6% 0.0272 0.0637) |
| OKLCH | oklch(65.6% 0.069 66.9) |
| XYZ | xyz(28.6544, 27.7924, 15.6571) |
| Luminance | 0.2779 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pale Brown
#B1916E
ΔE00 2.83
Light Brown
#AD8150
ΔE00 3.86
Puce
#A57E52
ΔE00 4.12
Tan Brown
#AB7E4C
ΔE00 4.74
Coffee
#A6814C
ΔE00 5.16
Camel
#C19A6B
ΔE00 5.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AE8963 #6388AE
analogous
#AE6363 #AE8963 #ADAE63
triadic
#AE8963 #63AE89 #8963AE
tetradic
#AE8963 #63AE63 #6388AE #AE63AD
square
#AE8963 #63AE63 #6388AE #AE63AD
split-complementary
#AE8963 #63ADAE #6363AE
monochromatic
#634C33 #8B6A48 #AE8963 #C3A78B #D8C6B4
إمكانية الوصول والتباين
On white
3.20
#AE8963 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.56
#AE8963 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AE8963
6.56:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AE8963 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AE8963 | 1.00 | 3.20 | 6.56 | 6.56 |
| #FFFFFF | 3.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.56 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.56 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#958B60
Deuteranopia (green-blind)
#9E9364
Tritanopia (blue-blind)
#BA817F
Achromatopsia (no color)
#909090
وسوم التصميم والكود
CSS
--color: #ae8963; /* rgb */ color: rgb(174, 137, 99); /* oklch */ color: oklch(65.6% 0.069 66.9);
Tailwind
colors: {
custom: {
50: '#c8ab90',
500: '#ae8963',
950: '#000000',
},
}SCSS
$custom: #ae8963; $custom-light: #c8ab90; $custom-dark: #000000;
JSON
{
"hex": "#ae8963",
"rgb": {
"r": 174,
"g": 137,
"b": 99
},
"hsl": {
"h": 30.4,
"s": 31.646,
"l": 53.529
},
"oklch": {
"l": 0.65595,
"c": 0.06923,
"h": 66.9
},
"luminance": 0.27791
}Semantic roles & 50–950 ramp
primary
#AE8963
secondary
#A6B6C6
accent
#93C860
background
#FCFAF8
surface
#F8F4F0
border
#D1CECB
text
#13100C
muted
#827F7D