#503C4B#503C4B
#503C4B لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.054؛ OKLCH L 38.4% C 0.037 H 335.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #503C4B |
|---|---|
| RGB | rgb(80, 60, 75) |
| HSL | hsl(315, 14%, 27%) |
| HSV | hsv(315, 25%, 31%) |
| CMYK | cmyk(0%, 25%, 6.2%, 68.6%) |
| CIE-LAB | lab(27.97, 11.69, -5.74) |
| CIE-LCH | lch(27.97, 13.02, 333.86°) |
| OKLab | oklab(38.36% 0.0333 -0.0153) |
| OKLCH | oklch(38.36% 0.037 335.4) |
| XYZ | xyz(6.1940, 5.4454, 7.3800) |
| Luminance | 0.0544 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Brown
#6B4247
ΔE00 9.44
Dirty Purple
#734A65
ΔE00 9.85
Purple Brown
#673A3F
ΔE00 9.97
Brownish Purple
#76424E
ΔE00 11.19
Grape
#6C3461
ΔE00 11.46
Bruise
#7E4071
ΔE00 13.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#503C4B #3C5041
analogous
#4B3C50 #503C4B #503C41
triadic
#503C4B #4B503C #3C4B50
tetradic
#503C4B #504B3C #3C5041 #3C4150
square
#503C4B #504B3C #3C5041 #3C4150
split-complementary
#503C4B #41503C #3C504B
monochromatic
#110D10 #2D222A #503C4B #73566C #95728C
إمكانية الوصول والتباين
On white
10.05
#503C4B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.09
#503C4B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #503C4B
10.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##503C4B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##503C4B | 1.00 | 10.05 | 2.09 | 10.05 |
| #FFFFFF | 10.05 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.05 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3C404C
Deuteranopia (green-blind)
#41434A
Tritanopia (blue-blind)
#523D41
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #503c4b; /* rgb */ color: rgb(80, 60, 75); /* oklch */ color: oklch(38.4% 0.037 335.4);
Tailwind
colors: {
custom: {
50: '#81717d',
500: '#503c4b',
950: '#000000',
},
}SCSS
$custom: #503c4b; $custom-light: #81717d; $custom-dark: #000000;
JSON
{
"hex": "#503c4b",
"rgb": {
"r": 80,
"g": 60,
"b": 75
},
"hsl": {
"h": 315,
"s": 14.286,
"l": 27.451
},
"oklch": {
"l": 0.38356,
"c": 0.03667,
"h": 335.4
},
"luminance": 0.05445
}Semantic roles & 50–950 ramp
primary
#503C4B
secondary
#687F6E
accent
#B78271
background
#F7F6F7
surface
#EEECEE
border
#C9C7C9
text
#0A0709
muted
#7C7A7B