#2C491F#2C491F
#2C491F لون داكن ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.054؛ OKLCH L 37.1% C 0.075 H 136.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2C491F |
|---|---|
| RGB | rgb(44, 73, 31) |
| HSL | hsl(101, 40%, 20%) |
| HSV | hsv(101, 58%, 29%) |
| CMYK | cmyk(39.7%, 0%, 57.5%, 71.4%) |
| CIE-LAB | lab(27.84, -20.01, 21.58) |
| CIE-LCH | lch(27.84, 29.42, 132.84°) |
| OKLab | oklab(37.11% -0.0551 0.0516) |
| OKLCH | oklch(37.11% 0.075 136.9) |
| XYZ | xyz(3.6685, 5.3993, 2.1449) |
| Luminance | 0.0540 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Forrest Green
#154406
ΔE00 5.17
Pine Green
#0A481E
ΔE00 5.37
Hunter Green (survey)
#0B4008
ΔE00 5.68
Forest Green (survey)
#06470C
ΔE00 5.84
Forest Green
#2D5A27
ΔE00 5.87
British Racing Green
#05480D
ΔE00 5.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2C491F #3C1F49
analogous
#41491F #2C491F #1F4927
triadic
#2C491F #1F2C49 #491F2C
tetradic
#2C491F #1F4149 #3C1F49 #49271F
square
#2C491F #1F4149 #3C1F49 #49271F
split-complementary
#2C491F #271F49 #491F41
monochromatic
#0D1509 #121E0D #2C491F #467431 #609F43
إمكانية الوصول والتباين
On white
10.10
#2C491F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.08
#2C491F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2C491F
10.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2C491F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2C491F | 1.00 | 10.10 | 2.08 | 10.10 |
| #FFFFFF | 10.10 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.08 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.10 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4B431B
Deuteranopia (green-blind)
#474122
Tritanopia (blue-blind)
#2B463F
Achromatopsia (no color)
#424242
وسوم التصميم والكود
CSS
--color: #2c491f; /* rgb */ color: rgb(44, 73, 31); /* oklch */ color: oklch(37.1% 0.075 136.9);
Tailwind
colors: {
custom: {
50: '#677c5c',
500: '#2c491f',
950: '#000000',
},
}SCSS
$custom: #2c491f; $custom-light: #677c5c; $custom-dark: #000000;
JSON
{
"hex": "#2c491f",
"rgb": {
"r": 44,
"g": 73,
"b": 31
},
"hsl": {
"h": 101.429,
"s": 40.385,
"l": 20.392
},
"oklch": {
"l": 0.37112,
"c": 0.07545,
"h": 136.9
},
"luminance": 0.05399
}Semantic roles & 50–950 ramp
primary
#2C491F
secondary
#6C467E
accent
#58D0AB
background
#F6F7F5
surface
#EBEEE9
border
#C6C9C5
text
#060904
muted
#7A7B79