#61604A#61604A
#61604A لون متوسط وخافت من عائلة أصفر. الإضاءة النسبية 0.114؛ OKLCH L 48.4% C 0.034 H 105.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.40:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #61604A |
|---|---|
| RGB | rgb(97, 96, 74) |
| HSL | hsl(57, 13%, 34%) |
| HSV | hsv(57, 24%, 38%) |
| CMYK | cmyk(0%, 1%, 23.7%, 62%) |
| CIE-LAB | lab(40.25, -3.70, 12.75) |
| CIE-LCH | lch(40.25, 13.28, 106.17°) |
| OKLab | oklab(48.36% -0.0089 0.0324) |
| OKLCH | oklch(48.36% 0.034 105.4) |
| XYZ | xyz(10.3486, 11.4017, 8.1328) |
| Luminance | 0.1140 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greyish Brown
#7A6A4F
ΔE00 9.11
Grey Brown
#7F7053
ΔE00 10.00
Dimgray
#696969
ΔE00 11.25
Dark Taupe
#7F684E
ΔE00 12.16
Camo Green
#526525
ΔE00 12.31
Darkolivegreen
#556B2F
ΔE00 12.31
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#61604A #4A4B61
analogous
#61544A #61604A #56614A
triadic
#61604A #4A6160 #604A61
tetradic
#61604A #4A6154 #4A4B61 #614A56
square
#61604A #4A6154 #4A4B61 #614A56
split-complementary
#61604A #4A5661 #544A61
monochromatic
#1C1B15 #3E3E30 #61604A #848264 #A1A084
إمكانية الوصول والتباين
On white
6.40
#61604A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.28
#61604A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #61604A
6.40:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##61604A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##61604A | 1.00 | 6.40 | 3.28 | 6.40 |
| #FFFFFF | 6.40 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.40 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#645E49
Deuteranopia (green-blind)
#655F4B
Tritanopia (blue-blind)
#655D5A
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #61604a; /* rgb */ color: rgb(97, 96, 74); /* oklch */ color: oklch(48.4% 0.034 105.4);
Tailwind
colors: {
custom: {
50: '#8e8d7c',
500: '#61604a',
950: '#000000',
},
}SCSS
$custom: #61604a; $custom-light: #8e8d7c; $custom-dark: #000000;
JSON
{
"hex": "#61604a",
"rgb": {
"r": 97,
"g": 96,
"b": 74
},
"hsl": {
"h": 57.391,
"s": 13.45,
"l": 33.529
},
"oklch": {
"l": 0.48359,
"c": 0.03364,
"h": 105.4
},
"luminance": 0.11402
}Semantic roles & 50–950 ramp
primary
#61604A
secondary
#78798F
accent
#75B672
background
#F8F8F7
surface
#F0F0EE
border
#CBCBC9
text
#0C0C09
muted
#7D7D7B