#6E333F#6E333F
#6E333F لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.060؛ OKLCH L 40.3% C 0.084 H 8.8°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6E333F |
|---|---|
| RGB | rgb(110, 51, 63) |
| HSL | hsl(348, 37%, 32%) |
| HSV | hsv(348, 54%, 43%) |
| CMYK | cmyk(0%, 53.6%, 42.7%, 56.9%) |
| CIE-LAB | lab(29.52, 27.50, 4.91) |
| CIE-LCH | lch(29.52, 27.93, 10.13°) |
| OKLab | oklab(40.31% 0.0835 0.0129) |
| OKLCH | oklch(40.31% 0.084 8.8) |
| XYZ | xyz(8.5119, 6.0424, 5.4197) |
| Luminance | 0.0604 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Wine
#722F37
ΔE00 3.14
Purple Brown
#673A3F
ΔE00 3.75
Brownish Purple
#76424E
ΔE00 4.55
Purplish Brown
#6B4247
ΔE00 5.48
Bordeaux
#7B002C
ΔE00 8.76
Wine (survey)
#80013F
ΔE00 9.16
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6E333F #336E62
analogous
#6E335D #6E333F #6E4533
triadic
#6E333F #3F6E33 #333F6E
tetradic
#6E333F #5D6E33 #336E62 #45336E
square
#6E333F #5D6E33 #336E62 #45336E
split-complementary
#6E333F #336E45 #335D6E
monochromatic
#1A0C0F #442027 #6E333F #984657 #B76475
إمكانية الوصول والتباين
On white
9.51
#6E333F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.21
#6E333F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #6E333F
9.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6E333F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6E333F | 1.00 | 9.51 | 2.21 | 9.51 |
| #FFFFFF | 9.51 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.21 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.51 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3E3E3F
Deuteranopia (green-blind)
#4D4A3E
Tritanopia (blue-blind)
#772D37
Achromatopsia (no color)
#464646
وسوم التصميم والكود
CSS
--color: #6e333f; /* rgb */ color: rgb(110, 51, 63); /* oklch */ color: oklch(40.3% 0.084 8.8);
Tailwind
colors: {
custom: {
50: '#9a6d73',
500: '#6e333f',
950: '#000000',
},
}SCSS
$custom: #6e333f; $custom-light: #9a6d73; $custom-dark: #000000;
JSON
{
"hex": "#6e333f",
"rgb": {
"r": 110,
"g": 51,
"b": 63
},
"hsl": {
"h": 347.797,
"s": 36.646,
"l": 31.569
},
"oklch": {
"l": 0.4031,
"c": 0.08446,
"h": 8.8
},
"luminance": 0.06042
}Semantic roles & 50–950 ramp
primary
#6E333F
secondary
#5E9F92
accent
#CDB65B
background
#F9F6F7
surface
#F2EBED
border
#CCC6C8
text
#0E0708
muted
#7E7A7B