#321E3D#321E3D
#321E3D لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.019؛ OKLCH L 27.6% C 0.061 H 312.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #321E3D |
|---|---|
| RGB | rgb(50, 30, 61) |
| HSL | hsl(279, 34%, 18%) |
| HSV | hsv(279, 51%, 24%) |
| CMYK | cmyk(18%, 50.8%, 0%, 76.1%) |
| CIE-LAB | lab(15.19, 16.64, -16.14) |
| CIE-LCH | lch(15.19, 23.18, 315.88°) |
| OKLab | oklab(27.57% 0.0413 -0.0448) |
| OKLCH | oklch(27.57% 0.061 312.7) |
| XYZ | xyz(2.6218, 1.9436, 4.6510) |
| Luminance | 0.0194 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 7.23
Dark Purple
#35063E
ΔE00 7.68
Aubergine
#3D0734
ΔE00 8.14
Very Dark Purple
#2A0134
ΔE00 8.23
Midnight Purple
#280137
ΔE00 8.55
Deep Purple
#36013F
ΔE00 8.80
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#321E3D #293D1E
analogous
#221E3D #321E3D #3D1E38
triadic
#321E3D #3D321E #1E3D32
tetradic
#321E3D #3D221E #293D1E #1E383D
square
#321E3D #3D221E #293D1E #1E383D
split-complementary
#321E3D #383D1E #1E3D22
monochromatic
#110A15 #110A15 #321E3D #543266 #75468F
إمكانية الوصول والتباين
On white
15.12
#321E3D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.39
#321E3D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #321E3D
15.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##321E3D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##321E3D | 1.00 | 15.12 | 1.39 | 15.12 |
| #FFFFFF | 15.12 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.39 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.12 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#18253E
Deuteranopia (green-blind)
#1D273C
Tritanopia (blue-blind)
#31232A
Achromatopsia (no color)
#262626
وسوم التصميم والكود
CSS
--color: #321e3d; /* rgb */ color: rgb(50, 30, 61); /* oklch */ color: oklch(27.6% 0.061 312.7);
Tailwind
colors: {
custom: {
50: '#6b5a72',
500: '#321e3d',
950: '#000000',
},
}SCSS
$custom: #321e3d; $custom-light: #6b5a72; $custom-dark: #000000;
JSON
{
"hex": "#321e3d",
"rgb": {
"r": 50,
"g": 30,
"b": 61
},
"hsl": {
"h": 278.71,
"s": 34.066,
"l": 17.843
},
"oklch": {
"l": 0.27566,
"c": 0.0609,
"h": 312.7
},
"luminance": 0.01944
}Semantic roles & 50–950 ramp
primary
#321E3D
secondary
#557146
accent
#CA5E84
background
#F6F5F6
surface
#EBE9EC
border
#C6C5C7
text
#060408
muted
#7A797B