#4F293F#4F293F
#4F293F لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.036؛ OKLCH L 33.9% C 0.065 H 345.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.20:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4F293F |
|---|---|
| RGB | rgb(79, 41, 63) |
| HSL | hsl(325, 32%, 24%) |
| HSV | hsv(325, 48%, 31%) |
| CMYK | cmyk(0%, 48.1%, 20.3%, 69%) |
| CIE-LAB | lab(22.33, 21.07, -6.19) |
| CIE-LCH | lch(22.33, 21.96, 343.61°) |
| OKLab | oklab(33.88% 0.0626 -0.0163) |
| OKLCH | oklch(33.88% 0.065 345.4) |
| XYZ | xyz(4.9147, 3.6074, 5.1391) |
| Luminance | 0.0361 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Plum (survey)
#580F41
ΔE00 7.76
Grape
#6C3461
ΔE00 9.00
Aubergine
#3D0734
ΔE00 9.27
Dark Plum
#3F012C
ΔE00 9.41
Grape Purple
#5D1451
ΔE00 9.42
Purple Brown
#673A3F
ΔE00 9.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4F293F #294F39
analogous
#4C294F #4F293F #4F292C
triadic
#4F293F #3F4F29 #293F4F
tetradic
#4F293F #4F4C29 #294F39 #292C4F
square
#4F293F #4F4C29 #294F39 #292C4F
split-complementary
#4F293F #2C4F29 #294F4C
monochromatic
#140A10 #27141F #4F293F #773E5F #A0537F
إمكانية الوصول والتباين
On white
12.20
#4F293F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.72
#4F293F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4F293F
12.20:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4F293F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4F293F | 1.00 | 12.20 | 1.72 | 12.20 |
| #FFFFFF | 12.20 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.72 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.20 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2C3240
Deuteranopia (green-blind)
#36383E
Tritanopia (blue-blind)
#542931
Achromatopsia (no color)
#353535
وسوم التصميم والكود
CSS
--color: #4f293f; /* rgb */ color: rgb(79, 41, 63); /* oklch */ color: oklch(33.9% 0.065 345.4);
Tailwind
colors: {
custom: {
50: '#816474',
500: '#4f293f',
950: '#000000',
},
}SCSS
$custom: #4f293f; $custom-light: #816474; $custom-dark: #000000;
JSON
{
"hex": "#4f293f",
"rgb": {
"r": 79,
"g": 41,
"b": 63
},
"hsl": {
"h": 325.263,
"s": 31.667,
"l": 23.529
},
"oklch": {
"l": 0.33879,
"c": 0.06467,
"h": 345.4
},
"luminance": 0.03607
}Semantic roles & 50–950 ramp
primary
#4F293F
secondary
#528166
accent
#C88C60
background
#F8F6F7
surface
#EFEBED
border
#CAC6C8
text
#0A0508
muted
#7C7A7B