#3F4C35#3F4C35
#3F4C35 لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.065؛ OKLCH L 39.8% C 0.041 H 132.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3F4C35 |
|---|---|
| RGB | rgb(63, 76, 53) |
| HSL | hsl(94, 18%, 25%) |
| HSV | hsv(94, 30%, 30%) |
| CMYK | cmyk(17.1%, 0%, 30.3%, 70.2%) |
| CIE-LAB | lab(30.60, -10.11, 12.02) |
| CIE-LCH | lch(30.60, 15.71, 130.08°) |
| OKLab | oklab(39.81% -0.0274 0.0304) |
| OKLCH | oklch(39.81% 0.041 132) |
| XYZ | xyz(5.2768, 6.4826, 4.3407) |
| Luminance | 0.0648 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Hunter Green
#355E3B
ΔE00 9.26
Pine
#2B5D34
ΔE00 10.49
Forest Green
#2D5A27
ΔE00 10.55
Evergreen
#05472A
ΔE00 11.24
Pine Green
#0A481E
ΔE00 11.34
Dark Olive
#373E02
ΔE00 11.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3F4C35 #42354C
analogous
#4A4C35 #3F4C35 #354C36
triadic
#3F4C35 #353F4C #4C353F
tetradic
#3F4C35 #354A4C #42354C #4C3635
square
#3F4C35 #354A4C #42354C #4C3635
split-complementary
#3F4C35 #36354C #4C354A
monochromatic
#0F120D #21281C #3F4C35 #5D704E #7B9467
إمكانية الوصول والتباين
On white
9.14
#3F4C35 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.30
#3F4C35 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #3F4C35
9.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3F4C35 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##3F4C35 | 1.00 | 9.14 | 2.30 | 9.14 |
| #FFFFFF | 9.14 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.14 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4E4934
Deuteranopia (green-blind)
#4C4836
Tritanopia (blue-blind)
#404A46
Achromatopsia (no color)
#484848
وسوم التصميم والكود
CSS
--color: #3f4c35; /* rgb */ color: rgb(63, 76, 53); /* oklch */ color: oklch(39.8% 0.041 132.0);
Tailwind
colors: {
custom: {
50: '#747e6c',
500: '#3f4c35',
950: '#000000',
},
}SCSS
$custom: #3f4c35; $custom-light: #747e6c; $custom-dark: #000000;
JSON
{
"hex": "#3f4c35",
"rgb": {
"r": 63,
"g": 76,
"b": 53
},
"hsl": {
"h": 93.913,
"s": 17.829,
"l": 25.294
},
"oklch": {
"l": 0.39812,
"c": 0.04088,
"h": 132
},
"luminance": 0.06483
}Semantic roles & 50–950 ramp
primary
#3F4C35
secondary
#70617C
accent
#6DBB99
background
#F7F7F6
surface
#EDEEEB
border
#C8C9C6
text
#080907
muted
#7B7B7A