#2D3F18#2D3F18
#2D3F18 لون داكن ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.042؛ OKLCH L 34.2% C 0.066 H 129.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2D3F18 |
|---|---|
| RGB | rgb(45, 63, 24) |
| HSL | hsl(88, 45%, 17%) |
| HSV | hsv(88, 62%, 25%) |
| CMYK | cmyk(28.6%, 0%, 61.9%, 75.3%) |
| CIE-LAB | lab(24.25, -15.06, 21.34) |
| CIE-LCH | lch(24.25, 26.12, 125.22°) |
| OKLab | oklab(34.18% -0.0421 0.0504) |
| OKLCH | oklch(34.18% 0.066 129.9) |
| XYZ | xyz(3.0245, 4.1788, 1.5112) |
| Luminance | 0.0418 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 6.61
Forrest Green
#154406
ΔE00 6.76
Hunter Green (survey)
#0B4008
ΔE00 7.00
Dark Green
#033500
ΔE00 7.64
Very Dark Green
#062E03
ΔE00 7.93
Dark Olive Green
#3C4D03
ΔE00 8.14
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2D3F18 #2A183F
analogous
#3F3E18 #2D3F18 #1A3F18
triadic
#2D3F18 #182D3F #3F182D
tetradic
#2D3F18 #183F3E #2A183F #3F181A
square
#2D3F18 #183F3E #2A183F #3F181A
split-complementary
#2D3F18 #181A3F #3E183F
monochromatic
#101608 #101608 #2D3F18 #4D6B29 #6C983A
إمكانية الوصول والتباين
On white
11.44
#2D3F18 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.84
#2D3F18 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #2D3F18
11.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2D3F18 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2D3F18 | 1.00 | 11.44 | 1.84 | 11.44 |
| #FFFFFF | 11.44 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.84 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.44 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#423A14
Deuteranopia (green-blind)
#3F391B
Tritanopia (blue-blind)
#2E3C36
Achromatopsia (no color)
#3A3A3A
وسوم التصميم والكود
CSS
--color: #2d3f18; /* rgb */ color: rgb(45, 63, 24); /* oklch */ color: oklch(34.2% 0.066 129.9);
Tailwind
colors: {
custom: {
50: '#677456',
500: '#2d3f18',
950: '#000000',
},
}SCSS
$custom: #2d3f18; $custom-light: #677456; $custom-dark: #000000;
JSON
{
"hex": "#2d3f18",
"rgb": {
"r": 45,
"g": 63,
"b": 24
},
"hsl": {
"h": 87.692,
"s": 44.828,
"l": 17.059
},
"oklch": {
"l": 0.34184,
"c": 0.06566,
"h": 129.9
},
"luminance": 0.04179
}Semantic roles & 50–950 ramp
primary
#2D3F18
secondary
#573D75
accent
#53D58F
background
#F6F7F5
surface
#EBEDE9
border
#C6C8C5
text
#060803
muted
#7A7B78