#705012#705012
#705012 لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.092؛ OKLCH L 45.5% C 0.086 H 79.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #705012 |
|---|---|
| RGB | rgb(112, 80, 18) |
| HSL | hsl(40, 72%, 25%) |
| HSV | hsv(40, 84%, 44%) |
| CMYK | cmyk(0%, 28.6%, 83.9%, 56.1%) |
| CIE-LAB | lab(36.42, 7.41, 39.01) |
| CIE-LCH | lch(36.42, 39.71, 79.25°) |
| OKLab | oklab(45.46% 0.0164 0.0845) |
| OKLCH | oklch(45.46% 0.086 79) |
| XYZ | xyz(9.6606, 9.2265, 1.8442) |
| Luminance | 0.0923 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Shit Brown
#7B5804
ΔE00 4.06
Mud Brown
#60460F
ΔE00 4.33
Poop Brown
#7A5901
ΔE00 4.55
Medium Brown
#7F5112
ΔE00 4.85
Mud
#735C12
ΔE00 5.62
Poop
#7F5E00
ΔE00 6.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#705012 #123270
analogous
#702112 #705012 #617012
triadic
#705012 #127050 #501270
tetradic
#705012 #127021 #123270 #701261
square
#705012 #127021 #123270 #701261
split-complementary
#705012 #126170 #211270
monochromatic
#1A1304 #3B2A0A #705012 #A5761A #D99B23
إمكانية الوصول والتباين
On white
7.38
#705012 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.85
#705012 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #705012
7.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##705012 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##705012 | 1.00 | 7.38 | 2.85 | 7.38 |
| #FFFFFF | 7.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.85 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.38 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C5106
Deuteranopia (green-blind)
#645915
Tritanopia (blue-blind)
#7A4744
Achromatopsia (no color)
#565656
وسوم التصميم والكود
CSS
--color: #705012; /* rgb */ color: rgb(112, 80, 18); /* oklch */ color: oklch(45.5% 0.086 79.0);
Tailwind
colors: {
custom: {
50: '#9d8056',
500: '#705012',
950: '#000000',
},
}SCSS
$custom: #705012; $custom-light: #9d8056; $custom-dark: #000000;
JSON
{
"hex": "#705012",
"rgb": {
"r": 112,
"g": 80,
"b": 18
},
"hsl": {
"h": 39.574,
"s": 72.308,
"l": 25.49
},
"oklch": {
"l": 0.45459,
"c": 0.08605,
"h": 79
},
"luminance": 0.09226
}Semantic roles & 50–950 ramp
primary
#705012
secondary
#375DA7
accent
#77EF39
background
#FAF7F5
surface
#F4EEE9
border
#CEC9C5
text
#0F0A03
muted
#7F7C78