#471C19#471C19
#471C19 لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.022؛ OKLCH L 29.0% C 0.067 H 26.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.50:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #471C19 |
|---|---|
| RGB | rgb(71, 28, 25) |
| HSL | hsl(4, 48%, 19%) |
| HSV | hsv(4, 65%, 28%) |
| CMYK | cmyk(0%, 60.6%, 64.8%, 72.2%) |
| CIE-LAB | lab(16.70, 20.31, 12.08) |
| CIE-LCH | lch(16.70, 23.63, 30.73°) |
| OKLab | oklab(28.97% 0.06 0.0294) |
| OKLCH | oklch(28.97% 0.067 26.1) |
| XYZ | xyz(3.1895, 2.2407, 1.1840) |
| Luminance | 0.0224 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Deep Brown
#410200
ΔE00 6.05
Mahogany
#4A0100
ΔE00 6.65
Dried Blood
#4B0101
ΔE00 6.67
Dark Maroon
#3C0008
ΔE00 7.14
Chocolate Brown
#411900
ΔE00 7.63
Chocolate (survey)
#3D1C02
ΔE00 9.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#471C19 #194447
analogous
#47192D #471C19 #473319
triadic
#471C19 #19471C #1C1947
tetradic
#471C19 #2D4719 #194447 #331947
square
#471C19 #2D4719 #194447 #331947
split-complementary
#471C19 #194733 #192D47
monochromatic
#170908 #1A0A09 #471C19 #742E29 #A24039
إمكانية الوصول والتباين
On white
14.50
#471C19 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.45
#471C19 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #471C19
14.50:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##471C19 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##471C19 | 1.00 | 14.50 | 1.45 | 14.50 |
| #FFFFFF | 14.50 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.45 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.50 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#262418
Deuteranopia (green-blind)
#312D18
Tritanopia (blue-blind)
#4E151B
Achromatopsia (no color)
#292929
وسوم التصميم والكود
CSS
--color: #471c19; /* rgb */ color: rgb(71, 28, 25); /* oklch */ color: oklch(29.0% 0.067 26.1);
Tailwind
colors: {
custom: {
50: '#7e5a55',
500: '#471c19',
950: '#000000',
},
}SCSS
$custom: #471c19; $custom-light: #7e5a55; $custom-dark: #000000;
JSON
{
"hex": "#471c19",
"rgb": {
"r": 71,
"g": 28,
"b": 25
},
"hsl": {
"h": 3.913,
"s": 47.917,
"l": 18.824
},
"oklch": {
"l": 0.28968,
"c": 0.06678,
"h": 26.1
},
"luminance": 0.0224
}Semantic roles & 50–950 ramp
primary
#471C19
secondary
#3E797D
accent
#CFD850
background
#F7F5F4
surface
#EEE9E8
border
#C9C5C4
text
#0A0403
muted
#7C7978