#64343B#64343B
#64343B لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.055؛ OKLCH L 38.9% C 0.069 H 11.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #64343B |
|---|---|
| RGB | rgb(100, 52, 59) |
| HSL | hsl(351, 32%, 30%) |
| HSV | hsv(351, 48%, 39%) |
| CMYK | cmyk(0%, 48%, 41%, 60.8%) |
| CIE-LAB | lab(28.07, 22.34, 5.26) |
| CIE-LCH | lch(28.07, 22.95, 13.26°) |
| OKLab | oklab(38.85% 0.0677 0.0138) |
| OKLCH | oklch(38.85% 0.069 11.5) |
| XYZ | xyz(7.2733, 5.4817, 4.8118) |
| Luminance | 0.0548 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Purple Brown
#673A3F
ΔE00 1.89
Purplish Brown
#6B4247
ΔE00 4.37
Wine
#722F37
ΔE00 4.43
Brownish Purple
#76424E
ΔE00 5.53
Burgundy (survey)
#610023
ΔE00 10.31
Maroon (survey)
#650021
ΔE00 10.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#64343B #34645D
analogous
#643453 #64343B #644534
triadic
#64343B #3B6434 #343B64
tetradic
#64343B #536434 #34645D #453464
square
#64343B #536434 #34645D #453464
split-complementary
#64343B #346445 #345364
monochromatic
#140A0C #3C1F23 #64343B #8C4953 #AE646F
إمكانية الوصول والتباين
On white
10.02
#64343B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.10
#64343B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #64343B
10.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##64343B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##64343B | 1.00 | 10.02 | 2.10 | 10.02 |
| #FFFFFF | 10.02 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.10 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.02 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D3D3B
Deuteranopia (green-blind)
#49463A
Tritanopia (blue-blind)
#6C2F37
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #64343b; /* rgb */ color: rgb(100, 52, 59); /* oklch */ color: oklch(38.9% 0.069 11.5);
Tailwind
colors: {
custom: {
50: '#926c70',
500: '#64343b',
950: '#000000',
},
}SCSS
$custom: #64343b; $custom-light: #926c70; $custom-dark: #000000;
JSON
{
"hex": "#64343b",
"rgb": {
"r": 100,
"g": 52,
"b": 59
},
"hsl": {
"h": 351.25,
"s": 31.579,
"l": 29.804
},
"oklch": {
"l": 0.3885,
"c": 0.06911,
"h": 11.5
},
"luminance": 0.05481
}Semantic roles & 50–950 ramp
primary
#64343B
secondary
#5F958D
accent
#C8B960
background
#F9F6F6
surface
#F1EBEC
border
#CBC6C7
text
#0D0707
muted
#7E7A7A