#301D36#301D36
#301D36 لون داكن وخافت من عائلة purple. الإضاءة النسبية 0.018؛ OKLCH L 26.7% C 0.052 H 317.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.50:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #301D36 |
|---|---|
| RGB | rgb(48, 29, 54) |
| HSL | hsl(286, 30%, 16%) |
| HSV | hsv(286, 46%, 21%) |
| CMYK | cmyk(11.1%, 46.3%, 0%, 78.8%) |
| CIE-LAB | lab(14.25, 14.73, -12.68) |
| CIE-LCH | lch(14.25, 19.44, 319.29°) |
| OKLab | oklab(26.67% 0.0385 -0.0349) |
| OKLCH | oklch(26.67% 0.052 317.8) |
| XYZ | xyz(2.3241, 1.7735, 3.7092) |
| Luminance | 0.0177 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 7.88
Aubergine
#3D0734
ΔE00 8.56
Dark Purple
#35063E
ΔE00 9.03
Very Dark Purple
#2A0134
ΔE00 9.24
Midnight Purple
#280137
ΔE00 9.74
Eggplant Purple
#430541
ΔE00 9.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#301D36 #23361D
analogous
#241D36 #301D36 #361D30
triadic
#301D36 #36301D #1D3630
tetradic
#301D36 #36241D #23361D #1D3036
square
#301D36 #36241D #23361D #1D3036
split-complementary
#301D36 #30361D #1D3624
monochromatic
#120B14 #120B14 #301D36 #53325E #774886
إمكانية الوصول والتباين
On white
15.50
#301D36 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.35
#301D36 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #301D36
15.50:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##301D36 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##301D36 | 1.00 | 15.50 | 1.35 | 15.50 |
| #FFFFFF | 15.50 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.35 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.50 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#192337
Deuteranopia (green-blind)
#1E2535
Tritanopia (blue-blind)
#302027
Achromatopsia (no color)
#242424
وسوم التصميم والكود
CSS
--color: #301d36; /* rgb */ color: rgb(48, 29, 54); /* oklch */ color: oklch(26.7% 0.052 317.8);
Tailwind
colors: {
custom: {
50: '#69596d',
500: '#301d36',
950: '#000000',
},
}SCSS
$custom: #301d36; $custom-light: #69596d; $custom-dark: #000000;
JSON
{
"hex": "#301d36",
"rgb": {
"r": 48,
"g": 29,
"b": 54
},
"hsl": {
"h": 285.6,
"s": 30.12,
"l": 16.275
},
"oklch": {
"l": 0.26673,
"c": 0.05191,
"h": 317.8
},
"luminance": 0.01773
}Semantic roles & 50–950 ramp
primary
#301D36
secondary
#4E6A45
accent
#C6617A
background
#F6F5F6
surface
#EBE9EB
border
#C6C5C6
text
#060307
muted
#7A787A