#3E0C19#3E0C19
#3E0C19 لون داكن جداً ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.014؛ OKLCH L 24.8% C 0.078 H 9.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.52:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3E0C19 |
|---|---|
| RGB | rgb(62, 12, 25) |
| HSL | hsl(344, 68%, 15%) |
| HSV | hsv(344, 81%, 24%) |
| CMYK | cmyk(0%, 80.6%, 59.7%, 75.7%) |
| CIE-LAB | lab(11.67, 25.21, 5.00) |
| CIE-LCH | lch(11.67, 25.70, 11.21°) |
| OKLab | oklab(24.85% 0.0766 0.0128) |
| OKLCH | oklch(24.85% 0.078 9.5) |
| XYZ | xyz(2.2937, 1.3576, 1.0608) |
| Luminance | 0.0136 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dark Maroon
#3C0008
ΔE00 4.16
Deep Brown
#410200
ΔE00 7.13
Burgundy (survey)
#610023
ΔE00 7.92
Maroon (survey)
#650021
ΔE00 8.81
Mahogany
#4A0100
ΔE00 8.91
Dried Blood
#4B0101
ΔE00 8.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3E0C19 #0C3E31
analogous
#3E0C32 #3E0C19 #3E180C
triadic
#3E0C19 #193E0C #0C193E
tetradic
#3E0C19 #323E0C #0C3E31 #180C3E
square
#3E0C19 #323E0C #0C3E31 #180C3E
split-complementary
#3E0C19 #0C3E18 #0C323E
monochromatic
#1A050A #1A050A #3E0C19 #71162E #A52042
إمكانية الوصول والتباين
On white
16.52
#3E0C19 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.27
#3E0C19 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3E0C19
16.52:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3E0C19 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3E0C19 | 1.00 | 16.52 | 1.27 | 16.52 |
| #FFFFFF | 16.52 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.27 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.52 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#181819
Deuteranopia (green-blind)
#252318
Tritanopia (blue-blind)
#440411
Achromatopsia (no color)
#1F1F1F
وسوم التصميم والكود
CSS
--color: #3e0c19; /* rgb */ color: rgb(62, 12, 25); /* oklch */ color: oklch(24.8% 0.078 9.5);
Tailwind
colors: {
custom: {
50: '#774f55',
500: '#3e0c19',
950: '#000000',
},
}SCSS
$custom: #3e0c19; $custom-light: #774f55; $custom-dark: #000000;
JSON
{
"hex": "#3e0c19",
"rgb": {
"r": 62,
"g": 12,
"b": 25
},
"hsl": {
"h": 344.4,
"s": 67.568,
"l": 14.51
},
"oklch": {
"l": 0.24849,
"c": 0.07762,
"h": 9.5
},
"luminance": 0.01357
}Semantic roles & 50–950 ramp
primary
#3E0C19
secondary
#2C7A66
accent
#EABD3D
background
#F7F4F4
surface
#EDE7E7
border
#C8C3C3
text
#090203
muted
#7B7878