#5F424A#5F424A
#5F424A لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.068؛ OKLCH L 41.4% C 0.042 H 1.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5F424A |
|---|---|
| RGB | rgb(95, 66, 74) |
| HSL | hsl(343, 18%, 32%) |
| HSV | hsv(343, 31%, 37%) |
| CMYK | cmyk(0%, 30.5%, 22.1%, 62.7%) |
| CIE-LAB | lab(31.40, 13.92, 0.19) |
| CIE-LCH | lch(31.40, 13.92, 0.79°) |
| OKLab | oklab(41.4% 0.0418 0.0007) |
| OKLCH | oklch(41.4% 0.042 1) |
| XYZ | xyz(7.9036, 6.8241, 7.3781) |
| Luminance | 0.0682 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Brown
#6B4247
ΔE00 4.36
Purple Brown
#673A3F
ΔE00 5.61
Brownish Purple
#76424E
ΔE00 6.93
Dirty Purple
#734A65
ΔE00 8.55
Wine
#722F37
ΔE00 10.50
Dark Mauve
#874C62
ΔE00 10.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5F424A #425F57
analogous
#5F4259 #5F424A #5F4942
triadic
#5F424A #4A5F42 #424A5F
tetradic
#5F424A #595F42 #425F57 #49425F
square
#5F424A #595F42 #425F57 #49425F
split-complementary
#5F424A #425F49 #42595F
monochromatic
#171012 #3B292E #5F424A #835B66 #A27985
إمكانية الوصول والتباين
On white
8.88
#5F424A on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.36
#5F424A on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5F424A
8.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5F424A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5F424A | 1.00 | 8.88 | 2.36 | 8.88 |
| #FFFFFF | 8.88 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.88 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#46474A
Deuteranopia (green-blind)
#4D4C49
Tritanopia (blue-blind)
#644045
Achromatopsia (no color)
#4A4A4A
وسوم التصميم والكود
CSS
--color: #5f424a; /* rgb */ color: rgb(95, 66, 74); /* oklch */ color: oklch(41.4% 0.042 1.0);
Tailwind
colors: {
custom: {
50: '#8d767c',
500: '#5f424a',
950: '#000000',
},
}SCSS
$custom: #5f424a; $custom-light: #8d767c; $custom-dark: #000000;
JSON
{
"hex": "#5f424a",
"rgb": {
"r": 95,
"g": 66,
"b": 74
},
"hsl": {
"h": 343.448,
"s": 18.012,
"l": 31.569
},
"oklch": {
"l": 0.414,
"c": 0.04185,
"h": 1
},
"luminance": 0.06824
}Semantic roles & 50–950 ramp
primary
#5F424A
secondary
#6E8E86
accent
#BBA56D
background
#F8F7F7
surface
#F0EDEE
border
#CBC8C9
text
#0C0809
muted
#7D7B7B