#AD792B#AD792B
#AD792B لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.227؛ OKLCH L 61.5% C 0.112 H 73.4°. أفضل لون لنص المتن هو #000000 بتباين 5.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #AD792B |
|---|---|
| RGB | rgb(173, 121, 43) |
| HSL | hsl(36, 60%, 42%) |
| HSV | hsv(36, 75%, 68%) |
| CMYK | cmyk(0%, 30.1%, 75.1%, 32.2%) |
| CIE-LAB | lab(54.80, 13.08, 48.67) |
| CIE-LCH | lch(54.80, 50.39, 74.96°) |
| OKLab | oklab(61.51% 0.0322 0.1076) |
| OKLCH | oklch(61.51% 0.112 73.4) |
| XYZ | xyz(24.5087, 22.7355, 5.3826) |
| Luminance | 0.2273 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Leather
#AC7434
ΔE00 3.61
Golden Brown
#B27A01
ΔE00 3.95
Caramel (survey)
#AF6F09
ΔE00 4.15
Bronze (survey)
#A87900
ΔE00 4.93
Mustard Brown
#AC7E04
ΔE00 5.54
Tan Brown
#AB7E4C
ΔE00 5.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#AD792B #2B5FAD
analogous
#AD382B #AD792B #A0AD2B
triadic
#AD792B #2BAD79 #792BAD
tetradic
#AD792B #2BAD38 #2B5FAD #AD2BA0
square
#AD792B #2BAD38 #2B5FAD #AD2BA0
split-complementary
#AD792B #2BA0AD #382BAD
monochromatic
#4B3413 #7C571F #AD792B #D19945 #DDB476
إمكانية الوصول والتباين
On white
3.79
#AD792B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.55
#AD792B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #AD792B
5.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##AD792B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AD792B | 1.00 | 3.79 | 5.55 | 5.55 |
| #FFFFFF | 3.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.55 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8B7C20
Deuteranopia (green-blind)
#98882D
Tritanopia (blue-blind)
#BC6C69
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #ad792b; /* rgb */ color: rgb(173, 121, 43); /* oklch */ color: oklch(61.5% 0.112 73.4);
Tailwind
colors: {
custom: {
50: '#ca9f69',
500: '#ad792b',
950: '#000000',
},
}SCSS
$custom: #ad792b; $custom-light: #ca9f69; $custom-dark: #000000;
JSON
{
"hex": "#ad792b",
"rgb": {
"r": 173,
"g": 121,
"b": 43
},
"hsl": {
"h": 36,
"s": 60.185,
"l": 42.353
},
"oklch": {
"l": 0.61514,
"c": 0.11235,
"h": 73.4
},
"luminance": 0.22733
}Semantic roles & 50–950 ramp
primary
#AD792B
secondary
#6F91C4
accent
#84E344
background
#FDF9F6
surface
#FAF2EB
border
#D3CCC6
text
#140E07
muted
#837E7A