#692A2F#692A2F
#692A2F لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.049؛ OKLCH L 37.6% C 0.090 H 17.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.64:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #692A2F |
|---|---|
| RGB | rgb(105, 42, 47) |
| HSL | hsl(355, 43%, 29%) |
| HSV | hsv(355, 60%, 41%) |
| CMYK | cmyk(0%, 60%, 55.2%, 58.8%) |
| CIE-LAB | lab(26.35, 28.71, 10.97) |
| CIE-LCH | lch(26.35, 30.73, 20.91°) |
| OKLab | oklab(37.61% 0.0862 0.0275) |
| OKLCH | oklch(37.61% 0.09 17.7) |
| XYZ | xyz(7.1673, 4.8653, 3.2504) |
| Luminance | 0.0486 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Wine
#722F37
ΔE00 2.45
Purple Brown
#673A3F
ΔE00 5.61
Wine Red
#7B0323
ΔE00 7.06
Maroon (survey)
#650021
ΔE00 7.20
Claret
#680018
ΔE00 7.30
Bordeaux
#7B002C
ΔE00 7.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#692A2F #2A6964
analogous
#692A4F #692A2F #69452A
triadic
#692A2F #2F692A #2A2F69
tetradic
#692A2F #4F692A #2A6964 #452A69
square
#692A2F #4F692A #2A6964 #452A69
split-complementary
#692A2F #2A6945 #2A4F69
monochromatic
#16090A #3D191B #692A2F #953B43 #BA535B
إمكانية الوصول والتباين
On white
10.64
#692A2F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.97
#692A2F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #692A2F
10.64:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##692A2F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##692A2F | 1.00 | 10.64 | 1.97 | 10.64 |
| #FFFFFF | 10.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.97 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.64 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#38362F
Deuteranopia (green-blind)
#48432E
Tritanopia (blue-blind)
#73202C
Achromatopsia (no color)
#3E3E3E
وسوم التصميم والكود
CSS
--color: #692a2f; /* rgb */ color: rgb(105, 42, 47); /* oklch */ color: oklch(37.6% 0.090 17.7);
Tailwind
colors: {
custom: {
50: '#986667',
500: '#692a2f',
950: '#000000',
},
}SCSS
$custom: #692a2f; $custom-light: #986667; $custom-dark: #000000;
JSON
{
"hex": "#692a2f",
"rgb": {
"r": 105,
"g": 42,
"b": 47
},
"hsl": {
"h": 355.238,
"s": 42.857,
"l": 28.824
},
"oklch": {
"l": 0.37615,
"c": 0.09044,
"h": 17.7
},
"luminance": 0.04864
}Semantic roles & 50–950 ramp
primary
#692A2F
secondary
#549B96
accent
#D3C955
background
#F9F6F6
surface
#F2EBEB
border
#CCC6C6
text
#0E0606
muted
#7E7A7A