#49203E#49203E
#49203E لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.028؛ OKLCH L 31.3% C 0.076 H 338.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #49203E |
|---|---|
| RGB | rgb(73, 32, 62) |
| HSL | hsl(316, 39%, 21%) |
| HSV | hsv(316, 56%, 29%) |
| CMYK | cmyk(0%, 56.2%, 15.1%, 71.4%) |
| CIE-LAB | lab(19.21, 24.05, -10.32) |
| CIE-LCH | lch(19.21, 26.17, 336.77°) |
| OKLab | oklab(31.33% 0.0705 -0.0277) |
| OKLCH | oklch(31.33% 0.076 338.5) |
| XYZ | xyz(4.1337, 2.7976, 4.8788) |
| Luminance | 0.0280 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Plum (survey)
#580F41
ΔE00 5.67
Aubergine
#3D0734
ΔE00 5.97
Eggplant
#380835
ΔE00 6.61
Dark Plum
#3F012C
ΔE00 6.70
Grape Purple
#5D1451
ΔE00 7.19
Eggplant Purple
#430541
ΔE00 7.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#49203E #20492B
analogous
#3F2049 #49203E #492029
triadic
#49203E #3E4920 #203E49
tetradic
#49203E #493F20 #20492B #202949
square
#49203E #493F20 #20492B #202949
split-complementary
#49203E #294920 #20493F
monochromatic
#150912 #1E0D1A #49203E #743362 #9E4586
إمكانية الوصول والتباين
On white
13.47
#49203E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.56
#49203E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #49203E
13.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##49203E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##49203E | 1.00 | 13.47 | 1.56 | 13.47 |
| #FFFFFF | 13.47 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.56 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.47 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#212B3F
Deuteranopia (green-blind)
#2D313D
Tritanopia (blue-blind)
#4D212C
Achromatopsia (no color)
#2F2F2F
وسوم التصميم والكود
CSS
--color: #49203e; /* rgb */ color: rgb(73, 32, 62); /* oklch */ color: oklch(31.3% 0.076 338.5);
Tailwind
colors: {
custom: {
50: '#7d5d73',
500: '#49203e',
950: '#000000',
},
}SCSS
$custom: #49203e; $custom-light: #7d5d73; $custom-dark: #000000;
JSON
{
"hex": "#49203e",
"rgb": {
"r": 73,
"g": 32,
"b": 62
},
"hsl": {
"h": 316.098,
"s": 39.048,
"l": 20.588
},
"oklch": {
"l": 0.31334,
"c": 0.07573,
"h": 338.5
},
"luminance": 0.02797
}Semantic roles & 50–950 ramp
primary
#49203E
secondary
#487D56
accent
#CF7959
background
#F7F5F6
surface
#EEE9EC
border
#C9C5C7
text
#0A0408
muted
#7C797B