#722016#722016
#722016 لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.047؛ OKLCH L 37.4% C 0.117 H 30.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #722016 |
|---|---|
| RGB | rgb(114, 32, 22) |
| HSL | hsl(7, 68%, 27%) |
| HSV | hsv(7, 81%, 45%) |
| CMYK | cmyk(0%, 71.9%, 80.7%, 55.3%) |
| CIE-LAB | lab(25.77, 35.37, 26.78) |
| CIE-LCH | lch(25.77, 44.37, 37.13°) |
| OKLab | oklab(37.36% 0.101 0.059) |
| OKLCH | oklch(37.36% 0.117 30.3) |
| XYZ | xyz(7.6016, 4.6695, 1.2599) |
| Luminance | 0.0467 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddy Brown
#6E1005
ΔE00 3.17
Blood
#770001
ΔE00 4.32
Maroon
#800000
ΔE00 5.07
Indian Red
#850E04
ΔE00 5.26
Dark Red
#840000
ΔE00 5.52
Rosewood
#65000B
ΔE00 5.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#722016 #166872
analogous
#72163A #722016 #724E16
triadic
#722016 #167220 #201672
tetradic
#722016 #3A7216 #166872 #4E1672
square
#722016 #3A7216 #166872 #4E1672
split-complementary
#722016 #16724E #163A72
monochromatic
#1A0705 #3F120C #722016 #A52E20 #D63F2C
إمكانية الوصول والتباين
On white
10.86
#722016 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.93
#722016 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #722016
10.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##722016 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##722016 | 1.00 | 10.86 | 1.93 | 10.86 |
| #FFFFFF | 10.86 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.93 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.86 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#383214
Deuteranopia (green-blind)
#4C4413
Tritanopia (blue-blind)
#7E051E
Achromatopsia (no color)
#3D3D3D
وسوم التصميم والكود
CSS
--color: #722016; /* rgb */ color: rgb(114, 32, 22); /* oklch */ color: oklch(37.4% 0.117 30.3);
Tailwind
colors: {
custom: {
50: '#a26154',
500: '#722016',
950: '#000000',
},
}SCSS
$custom: #722016; $custom-light: #a26154; $custom-dark: #000000;
JSON
{
"hex": "#722016",
"rgb": {
"r": 114,
"g": 32,
"b": 22
},
"hsl": {
"h": 6.522,
"s": 67.647,
"l": 26.667
},
"oklch": {
"l": 0.37364,
"c": 0.11695,
"h": 30.3
},
"luminance": 0.04668
}Semantic roles & 50–950 ramp
primary
#722016
secondary
#3C9CA8
accent
#D8EB3D
background
#FAF5F4
surface
#F4EAE7
border
#CEC6C3
text
#100502
muted
#7F7978