#36181F#36181F
#36181F لون داكن وخافت من عائلة أحمر. الإضاءة النسبية 0.015؛ OKLCH L 25.5% C 0.049 H 6.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #36181F |
|---|---|
| RGB | rgb(54, 24, 31) |
| HSL | hsl(346, 38%, 15%) |
| HSV | hsv(346, 56%, 21%) |
| CMYK | cmyk(0%, 55.6%, 42.6%, 78.8%) |
| CIE-LAB | lab(12.84, 15.89, 1.97) |
| CIE-LCH | lch(12.84, 16.01, 7.06°) |
| OKLab | oklab(25.48% 0.0483 0.0053) |
| OKLCH | oklch(25.48% 0.049 6.3) |
| XYZ | xyz(2.0954, 1.5367, 1.4823) |
| Luminance | 0.0154 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 8.18
Dark Maroon
#3C0008
ΔE00 8.75
Deep Brown
#410200
ΔE00 10.57
Dark Plum
#3F012C
ΔE00 10.98
Aubergine
#3D0734
ΔE00 12.03
Burgundy (survey)
#610023
ΔE00 12.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#36181F #18362F
analogous
#36182E #36181F #362018
triadic
#36181F #1F3618 #181F36
tetradic
#36181F #2E3618 #18362F #201836
square
#36181F #2E3618 #18362F #201836
split-complementary
#36181F #183620 #182E36
monochromatic
#15090C #15090C #36181F #602B37 #8B3E50
إمكانية الوصول والتباين
On white
16.06
#36181F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.31
#36181F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #36181F
16.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##36181F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##36181F | 1.00 | 16.06 | 1.31 | 16.06 |
| #FFFFFF | 16.06 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.06 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1D1E1F
Deuteranopia (green-blind)
#25231E
Tritanopia (blue-blind)
#3B151B
Achromatopsia (no color)
#212121
وسوم التصميم والكود
CSS
--color: #36181f; /* rgb */ color: rgb(54, 24, 31); /* oklch */ color: oklch(25.5% 0.049 6.3);
Tailwind
colors: {
custom: {
50: '#6e555a',
500: '#36181f',
950: '#000000',
},
}SCSS
$custom: #36181f; $custom-light: #6e555a; $custom-dark: #000000;
JSON
{
"hex": "#36181f",
"rgb": {
"r": 54,
"g": 24,
"b": 31
},
"hsl": {
"h": 346,
"s": 38.462,
"l": 15.294
},
"oklch": {
"l": 0.2548,
"c": 0.04854,
"h": 6.3
},
"luminance": 0.01536
}Semantic roles & 50–950 ramp
primary
#36181F
secondary
#3E6C61
accent
#CEB359
background
#F6F5F5
surface
#ECE9E9
border
#C7C5C5
text
#070303
muted
#7A7878