#7C1917#7C1917
#7C1917 لون داكن وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.050؛ OKLCH L 38.6% C 0.134 H 27.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7C1917 |
|---|---|
| RGB | rgb(124, 25, 23) |
| HSL | hsl(1, 69%, 29%) |
| HSV | hsv(1, 81%, 49%) |
| CMYK | cmyk(0%, 79.8%, 81.5%, 51.4%) |
| CIE-LAB | lab(26.86, 41.59, 27.95) |
| CIE-LCH | lch(26.86, 50.11, 33.90°) |
| OKLab | oklab(38.55% 0.1195 0.061) |
| OKLCH | oklch(38.55% 0.134 27.1) |
| XYZ | xyz(8.8155, 5.0436, 1.3198) |
| Luminance | 0.0504 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Crimson (survey)
#8C000F
ΔE00 3.69
Blood
#770001
ΔE00 3.88
Reddy Brown
#6E1005
ΔE00 4.17
Maroon
#800000
ΔE00 4.27
Indian Red
#850E04
ΔE00 4.57
Dark Red
#840000
ΔE00 4.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7C1917 #177A7C
analogous
#7C1748 #7C1917 #7C4C17
triadic
#7C1917 #177C19 #19177C
tetradic
#7C1917 #487C17 #177A7C #4C177C
square
#7C1917 #487C17 #177A7C #4C177C
split-complementary
#7C1917 #177C4C #17487C
monochromatic
#1A0505 #480F0D #7C1917 #B02321 #D93734
إمكانية الوصول والتباين
On white
10.46
#7C1917 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.01
#7C1917 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #7C1917
10.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7C1917 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7C1917 | 1.00 | 10.46 | 2.01 | 10.46 |
| #FFFFFF | 10.46 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.01 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.46 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#383216
Deuteranopia (green-blind)
#504713
Tritanopia (blue-blind)
#89001A
Achromatopsia (no color)
#3F3F3F
وسوم التصميم والكود
CSS
--color: #7c1917; /* rgb */ color: rgb(124, 25, 23); /* oklch */ color: oklch(38.6% 0.134 27.1);
Tailwind
colors: {
custom: {
50: '#aa5f54',
500: '#7c1917',
950: '#000000',
},
}SCSS
$custom: #7c1917; $custom-light: #aa5f54; $custom-dark: #000000;
JSON
{
"hex": "#7c1917",
"rgb": {
"r": 124,
"g": 25,
"b": 23
},
"hsl": {
"h": 1.188,
"s": 68.707,
"l": 28.824
},
"oklch": {
"l": 0.38552,
"c": 0.13415,
"h": 27.1
},
"luminance": 0.05042
}Semantic roles & 50–950 ramp
primary
#7C1917
secondary
#3EAFB1
accent
#E8EC3C
background
#FBF5F4
surface
#F6EAE7
border
#D0C6C3
text
#110503
muted
#807978