#6B3B4E#6B3B4E
#6B3B4E لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.068؛ OKLCH L 41.8% C 0.072 H 355.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6B3B4E |
|---|---|
| RGB | rgb(107, 59, 78) |
| HSL | hsl(336, 29%, 33%) |
| HSV | hsv(336, 45%, 42%) |
| CMYK | cmyk(0%, 44.9%, 27.1%, 58%) |
| CIE-LAB | lab(31.36, 23.79, -2.27) |
| CIE-LCH | lch(31.36, 23.90, 354.54°) |
| OKLab | oklab(41.76% 0.0717 -0.0057) |
| OKLCH | oklch(41.76% 0.072 355.5) |
| XYZ | xyz(9.0028, 6.8045, 8.0455) |
| Luminance | 0.0680 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Brownish Purple
#76424E
ΔE00 4.09
Purplish Brown
#6B4247
ΔE00 5.60
Purple Brown
#673A3F
ΔE00 5.65
Dirty Purple
#734A65
ΔE00 6.13
Dark Mauve
#874C62
ΔE00 7.38
Grape
#6C3461
ΔE00 7.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6B3B4E #3B6B58
analogous
#6B3B66 #6B3B4E #6B403B
triadic
#6B3B4E #4E6B3B #3B4E6B
tetradic
#6B3B4E #666B3B #3B6B58 #403B6B
square
#6B3B4E #666B3B #3B6B58 #403B6B
split-complementary
#6B3B4E #3B6B40 #3B666B
monochromatic
#1C0F14 #442531 #6B3B4E #92516B #B0708A
إمكانية الوصول والتباين
On white
8.90
#6B3B4E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.36
#6B3B4E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #6B3B4E
8.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6B3B4E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6B3B4E | 1.00 | 8.90 | 2.36 | 8.90 |
| #FFFFFF | 8.90 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.90 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#41454F
Deuteranopia (green-blind)
#4D4D4D
Tritanopia (blue-blind)
#723942
Achromatopsia (no color)
#4A4A4A
وسوم التصميم والكود
CSS
--color: #6b3b4e; /* rgb */ color: rgb(107, 59, 78); /* oklch */ color: oklch(41.8% 0.072 355.5);
Tailwind
colors: {
custom: {
50: '#97727f',
500: '#6b3b4e',
950: '#000000',
},
}SCSS
$custom: #6b3b4e; $custom-light: #97727f; $custom-dark: #000000;
JSON
{
"hex": "#6b3b4e",
"rgb": {
"r": 107,
"g": 59,
"b": 78
},
"hsl": {
"h": 336.25,
"s": 28.916,
"l": 32.549
},
"oklch": {
"l": 0.41758,
"c": 0.07193,
"h": 355.5
},
"luminance": 0.06804
}Semantic roles & 50–950 ramp
primary
#6B3B4E
secondary
#679A86
accent
#C59E63
background
#F9F6F7
surface
#F2ECEE
border
#CCC7C9
text
#0E080A
muted
#7E7B7C