#2F1D3D#2F1D3D
#2F1D3D لون داكن ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.018؛ OKLCH L 27.0% C 0.062 H 308.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2F1D3D |
|---|---|
| RGB | rgb(47, 29, 61) |
| HSL | hsl(274, 36%, 18%) |
| HSV | hsv(274, 52%, 24%) |
| CMYK | cmyk(23%, 52.5%, 0%, 76.1%) |
| CIE-LAB | lab(14.51, 16.26, -17.23) |
| CIE-LCH | lch(14.51, 23.69, 313.33°) |
| OKLab | oklab(26.97% 0.0385 -0.048) |
| OKLCH | oklch(26.97% 0.062 308.8) |
| XYZ | xyz(2.4538, 1.8200, 4.6360) |
| Luminance | 0.0182 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Eggplant
#380835
ΔE00 7.57
Dark Purple
#35063E
ΔE00 7.66
Very Dark Purple
#2A0134
ΔE00 8.05
Midnight Purple
#280137
ΔE00 8.26
Aubergine
#3D0734
ΔE00 8.62
Dark Violet
#34013F
ΔE00 8.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2F1D3D #2B3D1D
analogous
#1F1D3D #2F1D3D #3D1D3B
triadic
#2F1D3D #3D2F1D #1D3D2F
tetradic
#2F1D3D #3D1F1D #2B3D1D #1D3B3D
square
#2F1D3D #3D1F1D #2B3D1D #1D3B3D
split-complementary
#2F1D3D #3B3D1D #1D3D1F
monochromatic
#100A15 #100A15 #2F1D3D #4F3166 #6F4490
إمكانية الوصول والتباين
On white
15.40
#2F1D3D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.36
#2F1D3D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2F1D3D
15.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2F1D3D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2F1D3D | 1.00 | 15.40 | 1.36 | 15.40 |
| #FFFFFF | 15.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.40 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#15243E
Deuteranopia (green-blind)
#1A253C
Tritanopia (blue-blind)
#2D222A
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #2f1d3d; /* rgb */ color: rgb(47, 29, 61); /* oklch */ color: oklch(27.0% 0.062 308.8);
Tailwind
colors: {
custom: {
50: '#685972',
500: '#2f1d3d',
950: '#000000',
},
}SCSS
$custom: #2f1d3d; $custom-light: #685972; $custom-dark: #000000;
JSON
{
"hex": "#2f1d3d",
"rgb": {
"r": 47,
"g": 29,
"b": 61
},
"hsl": {
"h": 273.75,
"s": 35.556,
"l": 17.647
},
"oklch": {
"l": 0.2697,
"c": 0.06157,
"h": 308.8
},
"luminance": 0.0182
}Semantic roles & 50–950 ramp
primary
#2F1D3D
secondary
#587244
accent
#CC5C8D
background
#F6F5F6
surface
#EBE9EC
border
#C6C5C7
text
#060308
muted
#7A787B