#3B151E#3B151E
#3B151E لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.016؛ OKLCH L 25.8% C 0.061 H 7.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3B151E |
|---|---|
| RGB | rgb(59, 21, 30) |
| HSL | hsl(346, 48%, 16%) |
| HSV | hsv(346, 64%, 23%) |
| CMYK | cmyk(0%, 64.4%, 49.2%, 76.9%) |
| CIE-LAB | lab(12.99, 19.82, 3.03) |
| CIE-LCH | lch(12.99, 20.05, 8.70°) |
| OKLab | oklab(25.76% 0.0602 0.008) |
| OKLCH | oklch(25.76% 0.061 7.6) |
| XYZ | xyz(2.3063, 1.5601, 1.4077) |
| Luminance | 0.0156 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dark Maroon
#3C0008
ΔE00 6.74
Deep Brown
#410200
ΔE00 8.98
Very Dark Brown
#1D0200
ΔE00 9.82
Dark Plum
#3F012C
ΔE00 9.93
Burgundy (survey)
#610023
ΔE00 10.03
Mahogany
#4A0100
ΔE00 10.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3B151E #153B32
analogous
#3B1531 #3B151E #3B1F15
triadic
#3B151E #1E3B15 #151E3B
tetradic
#3B151E #313B15 #153B32 #1F153B
square
#3B151E #313B15 #153B32 #1F153B
split-complementary
#3B151E #153B1F #15313B
monochromatic
#17080B #17080B #3B151E #682535 #95354C
إمكانية الوصول والتباين
On white
16.01
#3B151E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.31
#3B151E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3B151E
16.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3B151E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3B151E | 1.00 | 16.01 | 1.31 | 16.01 |
| #FFFFFF | 16.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.31 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1C1D1E
Deuteranopia (green-blind)
#26241D
Tritanopia (blue-blind)
#401118
Achromatopsia (no color)
#212121
وسوم التصميم والكود
CSS
--color: #3b151e; /* rgb */ color: rgb(59, 21, 30); /* oklch */ color: oklch(25.8% 0.061 7.6);
Tailwind
colors: {
custom: {
50: '#735459',
500: '#3b151e',
950: '#000000',
},
}SCSS
$custom: #3b151e; $custom-light: #735459; $custom-dark: #000000;
JSON
{
"hex": "#3b151e",
"rgb": {
"r": 59,
"g": 21,
"b": 30
},
"hsl": {
"h": 345.789,
"s": 47.5,
"l": 15.686
},
"oklch": {
"l": 0.25762,
"c": 0.06076,
"h": 7.6
},
"luminance": 0.0156
}Semantic roles & 50–950 ramp
primary
#3B151E
secondary
#397265
accent
#D7B751
background
#F7F4F5
surface
#EDE7E9
border
#C8C3C5
text
#080303
muted
#7B7878