#472B2D#472B2D
#472B2D لون داكن وخافت من عائلة أحمر. الإضاءة النسبية 0.033؛ OKLCH L 32.4% C 0.042 H 15.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #472B2D |
|---|---|
| RGB | rgb(71, 43, 45) |
| HSL | hsl(356, 25%, 22%) |
| HSV | hsv(356, 39%, 28%) |
| CMYK | cmyk(0%, 39.4%, 36.6%, 72.2%) |
| CIE-LAB | lab(21.05, 13.31, 4.12) |
| CIE-LCH | lch(21.05, 13.93, 17.20°) |
| OKLab | oklab(32.45% 0.0404 0.0108) |
| OKLCH | oklch(32.45% 0.042 15) |
| XYZ | xyz(3.9362, 3.2571, 2.9035) |
| Luminance | 0.0326 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purple Brown
#673A3F
ΔE00 8.21
Purplish Brown
#6B4247
ΔE00 9.55
Espresso
#4B382A
ΔE00 10.77
Wine
#722F37
ΔE00 11.25
Very Dark Brown
#1D0200
ΔE00 12.05
Dark Maroon
#3C0008
ΔE00 12.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#472B2D #2B4745
analogous
#472B3B #472B2D #47372B
triadic
#472B2D #2D472B #2B2D47
tetradic
#472B2D #3B472B #2B4745 #372B47
square
#472B2D #3B472B #2B4745 #372B47
split-complementary
#472B2D #2B4737 #2B3B47
monochromatic
#130C0C #211415 #472B2D #6D4245 #93595D
إمكانية الوصول والتباين
On white
12.72
#472B2D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.65
#472B2D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #472B2D
12.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##472B2D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##472B2D | 1.00 | 12.72 | 1.65 | 12.72 |
| #FFFFFF | 12.72 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.72 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#302F2D
Deuteranopia (green-blind)
#37352D
Tritanopia (blue-blind)
#4C282C
Achromatopsia (no color)
#333333
وسوم التصميم والكود
CSS
--color: #472b2d; /* rgb */ color: rgb(71, 43, 45); /* oklch */ color: oklch(32.4% 0.042 15.0);
Tailwind
colors: {
custom: {
50: '#7b6465',
500: '#472b2d',
950: '#000000',
},
}SCSS
$custom: #472b2d; $custom-light: #7b6465; $custom-dark: #000000;
JSON
{
"hex": "#472b2d",
"rgb": {
"r": 71,
"g": 43,
"b": 45
},
"hsl": {
"h": 355.714,
"s": 24.561,
"l": 22.353
},
"oklch": {
"l": 0.32445,
"c": 0.04181,
"h": 15
},
"luminance": 0.03257
}Semantic roles & 50–950 ramp
primary
#472B2D
secondary
#557976
accent
#C1BB67
background
#F7F6F6
surface
#EEEBEB
border
#C9C6C6
text
#090505
muted
#7B7A7A