#2D032B#2D032B
#2D032B لون داكن جداً ومتوسط التشبّع من عائلة purple. الإضاءة النسبية 0.008؛ OKLCH L 21.2% C 0.088 H 330.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 18.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2D032B |
|---|---|
| RGB | rgb(45, 3, 43) |
| HSL | hsl(303, 88%, 9%) |
| HSV | hsv(303, 93%, 18%) |
| CMYK | cmyk(0%, 93.3%, 4.4%, 82.4%) |
| CIE-LAB | lab(7.20, 26.80, -15.73) |
| CIE-LCH | lch(7.20, 31.07, 329.58°) |
| OKLab | oklab(21.15% 0.0764 -0.0436) |
| OKLCH | oklch(21.15% 0.088 330.3) |
| XYZ | xyz(1.5508, 0.7976, 2.3573) |
| Luminance | 0.0080 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 2.64
Aubergine
#3D0734
ΔE00 3.60
Very Dark Purple
#2A0134
ΔE00 3.77
Dark Purple
#35063E
ΔE00 4.66
Midnight Purple
#280137
ΔE00 5.00
Dark Plum
#3F012C
ΔE00 5.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2D032B #032D05
analogous
#1A032D #2D032B #2D0316
triadic
#2D032B #2B2D03 #032B2D
tetradic
#2D032B #2D1A03 #032D05 #03162D
square
#2D032B #2D1A03 #032D05 #03162D
split-complementary
#2D032B #162D03 #032D1A
monochromatic
#1D021B #1D021B #2D032B #660762 #A00B99
إمكانية الوصول والتباين
On white
18.11
#2D032B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.16
#2D032B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2D032B
18.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2D032B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2D032B | 1.00 | 18.11 | 1.16 | 18.11 |
| #FFFFFF | 18.11 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 18.11 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#00122C
Deuteranopia (green-blind)
#0F182A
Tritanopia (blue-blind)
#2F0816
Achromatopsia (no color)
#161616
وسوم التصميم والكود
CSS
--color: #2d032b; /* rgb */ color: rgb(45, 3, 43); /* oklch */ color: oklch(21.2% 0.088 330.3);
Tailwind
colors: {
custom: {
50: '#684864',
500: '#2d032b',
950: '#000000',
},
}SCSS
$custom: #2d032b; $custom-light: #684864; $custom-dark: #000000;
JSON
{
"hex": "#2d032b",
"rgb": {
"r": 45,
"g": 3,
"b": 43
},
"hsl": {
"h": 302.857,
"s": 87.5,
"l": 9.412
},
"oklch": {
"l": 0.21153,
"c": 0.08795,
"h": 330.3
},
"luminance": 0.00797
}Semantic roles & 50–950 ramp
primary
#2D032B
secondary
#1B711F
accent
#FE342A
background
#F6F4F6
surface
#EBE7EB
border
#C6C3C6
text
#060105
muted
#7A777A