#3A2129#3A2129
#3A2129 لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.021؛ OKLCH L 28.3% C 0.040 H 359.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3A2129 |
|---|---|
| RGB | rgb(58, 33, 41) |
| HSL | hsl(341, 27%, 18%) |
| HSV | hsv(341, 43%, 23%) |
| CMYK | cmyk(0%, 43.1%, 29.3%, 77.3%) |
| CIE-LAB | lab(16.24, 13.38, -0.25) |
| CIE-LCH | lch(16.24, 13.38, 358.92°) |
| OKLab | oklab(28.32% 0.0403 -0.0005) |
| OKLCH | oklch(28.32% 0.04 359.3) |
| XYZ | xyz(2.6891, 2.1475, 2.3703) |
| Luminance | 0.0215 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 9.66
Purple Brown
#673A3F
ΔE00 11.60
Dark Maroon
#3C0008
ΔE00 11.69
Dark Plum
#3F012C
ΔE00 11.85
Aubergine
#3D0734
ΔE00 12.26
Eggplant
#380835
ΔE00 12.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3A2129 #213A32
analogous
#3A2135 #3A2129 #3A2521
triadic
#3A2129 #293A21 #21293A
tetradic
#3A2129 #353A21 #213A32 #25213A
square
#3A2129 #353A21 #213A32 #25213A
split-complementary
#3A2129 #213A25 #21353A
monochromatic
#140B0E #140B0E #3A2129 #613745 #884D60
إمكانية الوصول والتباين
On white
14.69
#3A2129 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.43
#3A2129 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3A2129
14.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3A2129 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3A2129 | 1.00 | 14.69 | 1.43 | 14.69 |
| #FFFFFF | 14.69 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.69 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#242629
Deuteranopia (green-blind)
#2A2A28
Tritanopia (blue-blind)
#3E2024
Achromatopsia (no color)
#282828
وسوم التصميم والكود
CSS
--color: #3a2129; /* rgb */ color: rgb(58, 33, 41); /* oklch */ color: oklch(28.3% 0.040 359.3);
Tailwind
colors: {
custom: {
50: '#715c62',
500: '#3a2129',
950: '#000000',
},
}SCSS
$custom: #3a2129; $custom-light: #715c62; $custom-dark: #000000;
JSON
{
"hex": "#3a2129",
"rgb": {
"r": 58,
"g": 33,
"b": 41
},
"hsl": {
"h": 340.8,
"s": 27.473,
"l": 17.843
},
"oklch": {
"l": 0.28315,
"c": 0.04033,
"h": 359.3
},
"luminance": 0.02147
}Semantic roles & 50–950 ramp
primary
#3A2129
secondary
#4A6D62
accent
#C4A564
background
#F6F5F5
surface
#ECE9EA
border
#C7C5C6
text
#080405
muted
#7B7979