#503C46#503C46
#503C46 لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.054؛ OKLCH L 38.2% C 0.032 H 347.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #503C46 |
|---|---|
| RGB | rgb(80, 60, 70) |
| HSL | hsl(330, 14%, 27%) |
| HSV | hsv(330, 25%, 31%) |
| CMYK | cmyk(0%, 25%, 12.5%, 68.6%) |
| CIE-LAB | lab(27.79, 10.66, -2.72) |
| CIE-LCH | lch(27.79, 11.00, 345.68°) |
| OKLab | oklab(38.16% 0.0313 -0.0071) |
| OKLCH | oklch(38.16% 0.032 347.2) |
| XYZ | xyz(6.0296, 5.3796, 6.5139) |
| Luminance | 0.0538 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Purplish Brown
#6B4247
ΔE00 8.55
Purple Brown
#673A3F
ΔE00 9.05
Dirty Purple
#734A65
ΔE00 10.89
Brownish Purple
#76424E
ΔE00 10.95
Umber
#635147
ΔE00 12.73
Grape
#6C3461
ΔE00 13.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#503C46 #3C5046
analogous
#503C50 #503C46 #503C3C
triadic
#503C46 #46503C #3C4650
tetradic
#503C46 #50503C #3C5046 #3C3C50
square
#503C46 #50503C #3C5046 #3C3C50
split-complementary
#503C46 #3C503C #3C5050
monochromatic
#110D0F #2D2227 #503C46 #735665 #957283
إمكانية الوصول والتباين
On white
10.12
#503C46 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.08
#503C46 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #503C46
10.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##503C46 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##503C46 | 1.00 | 10.12 | 2.08 | 10.12 |
| #FFFFFF | 10.12 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.12 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D4046
Deuteranopia (green-blind)
#424345
Tritanopia (blue-blind)
#533C3F
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #503c46; /* rgb */ color: rgb(80, 60, 70); /* oklch */ color: oklch(38.2% 0.032 347.2);
Tailwind
colors: {
custom: {
50: '#817179',
500: '#503c46',
950: '#000000',
},
}SCSS
$custom: #503c46; $custom-light: #817179; $custom-dark: #000000;
JSON
{
"hex": "#503c46",
"rgb": {
"r": 80,
"g": 60,
"b": 70
},
"hsl": {
"h": 330,
"s": 14.286,
"l": 27.451
},
"oklch": {
"l": 0.3816,
"c": 0.03208,
"h": 347.2
},
"luminance": 0.05379
}Semantic roles & 50–950 ramp
primary
#503C46
secondary
#687F74
accent
#B79471
background
#F7F6F7
surface
#EEECED
border
#C9C7C8
text
#0A0709
muted
#7C7A7B