#5F112E#5F112E
#5F112E لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.030؛ OKLCH L 32.6% C 0.112 H 3.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5F112E |
|---|---|
| RGB | rgb(95, 17, 46) |
| HSL | hsl(338, 70%, 22%) |
| HSV | hsv(338, 82%, 37%) |
| CMYK | cmyk(0%, 82.1%, 51.6%, 62.7%) |
| CIE-LAB | lab(20.17, 36.47, 2.74) |
| CIE-LCH | lch(20.17, 36.57, 4.30°) |
| OKLab | oklab(32.64% 0.1117 0.0074) |
| OKLCH | oklch(32.64% 0.112 3.8) |
| XYZ | xyz(5.4134, 3.0318, 2.8844) |
| Luminance | 0.0303 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Burgundy (survey)
#610023
ΔE00 3.69
Merlot
#730039
ΔE00 4.63
Maroon (survey)
#650021
ΔE00 5.08
Wine (survey)
#80013F
ΔE00 6.78
Bordeaux
#7B002C
ΔE00 6.85
Red Purple
#820747
ΔE00 7.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5F112E #115F42
analogous
#5F1155 #5F112E #5F1B11
triadic
#5F112E #2E5F11 #112E5F
tetradic
#5F112E #555F11 #115F42 #1B115F
square
#5F112E #555F11 #115F42 #1B115F
split-complementary
#5F112E #115F1B #11555F
monochromatic
#1A050D #2B0815 #5F112E #931A47 #C72460
إمكانية الوصول والتباين
On white
13.07
#5F112E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.61
#5F112E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #5F112E
13.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5F112E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5F112E | 1.00 | 13.07 | 1.61 | 13.07 |
| #FFFFFF | 13.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.07 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#24272F
Deuteranopia (green-blind)
#39362C
Tritanopia (blue-blind)
#68011E
Achromatopsia (no color)
#313131
وسوم التصميم والكود
CSS
--color: #5f112e; /* rgb */ color: rgb(95, 17, 46); /* oklch */ color: oklch(32.6% 0.112 3.8);
Tailwind
colors: {
custom: {
50: '#915866',
500: '#5f112e',
950: '#000000',
},
}SCSS
$custom: #5f112e; $custom-light: #915866; $custom-dark: #000000;
JSON
{
"hex": "#5f112e",
"rgb": {
"r": 95,
"g": 17,
"b": 46
},
"hsl": {
"h": 337.692,
"s": 69.643,
"l": 21.961
},
"oklch": {
"l": 0.3264,
"c": 0.11192,
"h": 3.8
},
"luminance": 0.03031
}Semantic roles & 50–950 ramp
primary
#5F112E
secondary
#349873
accent
#ECAB3B
background
#F9F5F6
surface
#F2E9EB
border
#CCC5C6
text
#0D0405
muted
#7E797A