#655F3D#655F3D
#655F3D لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.113؛ OKLCH L 48.2% C 0.051 H 99.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #655F3D |
|---|---|
| RGB | rgb(101, 95, 61) |
| HSL | hsl(51, 25%, 32%) |
| HSV | hsv(51, 40%, 40%) |
| CMYK | cmyk(0%, 5.9%, 39.6%, 60.4%) |
| CIE-LAB | lab(40.06, -3.25, 20.34) |
| CIE-LCH | lch(40.06, 20.60, 99.09°) |
| OKLab | oklab(48.22% -0.0083 0.0501) |
| OKLCH | oklch(48.22% 0.051 99.4) |
| XYZ | xyz(10.3015, 11.2883, 6.0502) |
| Luminance | 0.1129 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greyish Brown
#7A6A4F
ΔE00 7.89
Grey Brown
#7F7053
ΔE00 8.84
Greenish Brown
#696112
ΔE00 9.20
Mud
#735C12
ΔE00 10.18
Greeny Brown
#696006
ΔE00 10.19
Olive Brown
#645403
ΔE00 10.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#655F3D #3D4365
analogous
#654B3D #655F3D #57653D
triadic
#655F3D #3D655F #5F3D65
tetradic
#655F3D #3D654B #3D4365 #653D57
square
#655F3D #3D654B #3D4365 #653D57
split-complementary
#655F3D #3D5765 #4B3D65
monochromatic
#19170F #3F3B26 #655F3D #8B8354 #AAA272
إمكانية الوصول والتباين
On white
6.45
#655F3D on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.26
#655F3D on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #655F3D
6.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##655F3D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##655F3D | 1.00 | 6.45 | 3.26 | 6.45 |
| #FFFFFF | 6.45 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.26 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.45 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#655D3B
Deuteranopia (green-blind)
#675F3E
Tritanopia (blue-blind)
#6B5A56
Achromatopsia (no color)
#5E5E5E
وسوم التصميم والكود
CSS
--color: #655f3d; /* rgb */ color: rgb(101, 95, 61); /* oklch */ color: oklch(48.2% 0.051 99.4);
Tailwind
colors: {
custom: {
50: '#918c73',
500: '#655f3d',
950: '#000000',
},
}SCSS
$custom: #655f3d; $custom-light: #918c73; $custom-dark: #000000;
JSON
{
"hex": "#655f3d",
"rgb": {
"r": 101,
"g": 95,
"b": 61
},
"hsl": {
"h": 51,
"s": 24.691,
"l": 31.765
},
"oklch": {
"l": 0.48217,
"c": 0.05081,
"h": 99.4
},
"luminance": 0.11288
}Semantic roles & 50–950 ramp
primary
#655F3D
secondary
#697095
accent
#74C167
background
#F9F8F6
surface
#F1F0EC
border
#CBCBC7
text
#0D0C08
muted
#7E7D7B