#45142E#45142E
#45142E لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.020؛ OKLCH L 28.1% C 0.082 H 350.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #45142E |
|---|---|
| RGB | rgb(69, 20, 46) |
| HSL | hsl(328, 55%, 17%) |
| HSV | hsv(328, 71%, 27%) |
| CMYK | cmyk(0%, 71%, 33.3%, 72.9%) |
| CIE-LAB | lab(15.29, 26.53, -5.04) |
| CIE-LCH | lch(15.29, 27.01, 349.24°) |
| OKLab | oklab(28.05% 0.0807 -0.0131) |
| OKLCH | oklch(28.05% 0.082 350.8) |
| XYZ | xyz(3.1977, 1.9631, 2.7948) |
| Luminance | 0.0196 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dark Plum
#3F012C
ΔE00 4.63
Aubergine
#3D0734
ΔE00 5.94
Plum (survey)
#580F41
ΔE00 6.11
Eggplant
#380835
ΔE00 7.17
Eggplant Purple
#430541
ΔE00 8.75
Grape Purple
#5D1451
ΔE00 9.37
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#45142E #14452B
analogous
#431445 #45142E #451416
triadic
#45142E #2E4514 #142E45
tetradic
#45142E #454314 #14452B #141645
square
#45142E #454314 #14452B #141645
split-complementary
#45142E #164514 #144543
monochromatic
#180710 #180710 #45142E #74224E #A4306D
إمكانية الوصول والتباين
On white
15.08
#45142E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.39
#45142E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #45142E
15.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##45142E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##45142E | 1.00 | 15.08 | 1.39 | 15.08 |
| #FFFFFF | 15.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1B212F
Deuteranopia (green-blind)
#282A2D
Tritanopia (blue-blind)
#4A121F
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #45142e; /* rgb */ color: rgb(69, 20, 46); /* oklch */ color: oklch(28.1% 0.082 350.8);
Tailwind
colors: {
custom: {
50: '#7b5566',
500: '#45142e',
950: '#000000',
},
}SCSS
$custom: #45142e; $custom-light: #7b5566; $custom-dark: #000000;
JSON
{
"hex": "#45142e",
"rgb": {
"r": 69,
"g": 20,
"b": 46
},
"hsl": {
"h": 328.163,
"s": 55.056,
"l": 17.451
},
"oklch": {
"l": 0.2805,
"c": 0.08173,
"h": 350.8
},
"luminance": 0.01963
}Semantic roles & 50–950 ramp
primary
#45142E
secondary
#387D58
accent
#DE8F49
background
#F7F5F6
surface
#EEE9EB
border
#C9C5C6
text
#0A0306
muted
#7C787A